I really need someones help here, I don't like to repost, but I'm kind of at a loose end here.. anybody know how to get this working.
Thanks. On Jul 31, 4:24 am, caturn88 <[email protected]> wrote: > Okay, this is what I have: > > http://www.projectmio.com/callback_t.html > > I tried my best to integrate the two pages, the good news is that the > slideshow works, however I've lost the captions in the "<div > id="caption"></div>" div, there was a competing one, I think, called > class="ui-widget-header", but I got rid of that. Also I'm not seeing > the "Add" link with the images, probably because of the tight border > only showing the image, not sure, but I wanted to get the 'X' image to > be the thing that would add the image to the list. > > I've thought maybe adding in the "<div id="caption"></div>" into the > Download List might show the name, but it doesn't. > > I've not yet attempted to try the "$(".myimage").animate({"left": > "+=200px"}, "slow"); " code yet, not sure where that fits in anyway. > But this is good progress for me, its shaping up. > > On Jul 30, 10:46 pm, Fontzter <[email protected]> wrote: > > > > > 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 -~----------~----~----~----~------~----~------~--~---
