You can view the source on my page (everything's in the html) to see
how I used transfer to get the effect. I added a clone of the object
then transferred to it. (Btw, I had created that page a while ago
when I was trying to memorize pi to an insane number of digits.)
You may instead just want to use a basic jQuery animation call to move
the image where you want it: $(".myimage").animate({"left":
"+=200px"}, "slow");
It seems that the photo manager demo on the jQuery UI site is real
close to what you want. (Basically, you want a download section/link
instead of a trash.) You could just tweak the code from it to your
needs: http://jqueryui.com/demos/droppable/#photo-manager
Hth,
Dave
On Jul 30, 11:39 am, caturn88 <[email protected]> wrote:
> Hi, thanks for the example, I can't believe you did all that just for
> an example. I only know 1 then 4.
>
> Anyway, I have made an illustration of the page as I aim to have it
> laid out
> =http://www.flickr.com/photos/39662...@n02/3771609305/in/set-721576216...
>
> As you can see I have the slideshow code already as I want it, which
> also spits out the image details =http://www.projectmio.com/callback_w.html
>
> Essentially I fell in love with this
> example:http://www.dhtmlgoodies.com/scripts/fly-to-basket/fly-to-basket.html#
> and see the Transition effect in jQuery being the answer, I just don't
> know how to implement it with the existing slideshow code I have.
>
> So my issue is how to strip the code examples to get what I need, that
> is to click the "X" button (see illustration) which adds the image to
> the right hand box, I just don't know how to do that. While getting
> the info from the image to display along side it. I know the images
> (three stacked up) are faded in my illustration, I just did that for
> effect, although I could maybe add that later? Thinking now, an "x"
> button on those thumbnails will be needed so that they can be removed
> from the right hand menu, using the 'toss' effect (http://malsup.com/
> jquery/cycle/toss.html) I hope.
>
> Is it possible, if I keep all the images separate, for code to know to
> download only those in the menu, via the menu download button?
>
> Thanks.
>
> On Jul 28, 2:37 pm, Fontzter <[email protected]> wrote:
>
> > The JqueryUI transfer effect should give you what you need.
> > (http://jqueryui.com/demos/effect/) You could add the "item" to your
> > basket and then do a transfer from the clicked item to the one you
> > just added to the basket. I've used this and it looks nice. See this
> > for a quick example (just hit some numbers...or the next pi decimal if
> > you know it :) http://www.fontzworks.com/pi/
>
> > Hth,
>
> > Dave
>
> > On Jul 28, 2:52 am, caturn88 <[email protected]> wrote:
>
> > > I am using a jQuery slideshow script which is capable of Callbacks,
> > > these allow for external factors to take place based on internal
> > > events. Such is the way I would like the script to evolve on my page,
> > > with the aid of these Callbacks, that if I were to click 'add' the
> > > image would fly off to a basket where the eventual collection could be
> > > downloaded. I got the idea from a DHTML script here:
>
> > >http://www.dhtmlgoodies.com/scripts/fly-to-basket/fly-to-basket.html#
>
> > > But I don't think the two are going to meld together and was wondering
> > > if there was an alternative flying product script in jQuery that I
> > > could integrate into the existing one I am using to animate the images
> > > here:
>
> > >http://malsup.com/jquery/cycle/int2.html
>
> > > Many thanks.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
