After looking at the example, I'm afraid I don't know how to work out what I need to define for the functionality that I need, as I've looked at the Intermediate Section also. If I have this:
<div id="frame1"><img src="" alt="" title="" /><img src="" />alt ="" title="" /></div> <a id="prev2" href="#">Prev</a> <a id="next2" href="#">Next</a> and I assign each image's alt and/or title, how can I evoke them as captions below each image after clicking prev/next? On Feb 19, 12:00 am, HM-User <m.lawrencehu...@gmail.com> wrote: > Oh that's great Mike thanks for helping me! I think with the script > loading, I've streamlined it and so now I've linked everything which > can either be linked js files or external CSS files. So hopefully that > will do the trick. It seems to have work with things I have done just > now. > > Can you explain to me about the last comma? As I am don't have a wide > knowledge of jQuery. Thanks. > > On Feb 18, 11:52 pm, Mike Alsup <mal...@gmail.com> wrote: > > > > Currently, I have implemented a small image gallery using the jQuery > > > Cycle plugin. It's working perfectly but I would also like to add > > > callbacks. How do I successfully do this? I currently have: > > > > jQuery(document).ready(function(){ > > > jQuery('#frame1').cycle({ > > > fx:'fade', > > > speed:'500', > > > timeout: 0, > > > next:'#next2', > > > prev:'#prev2', > > > }); > > > }); > > > Watch out for that last comma (after '#prev2', that's a script killer > > in IE). > > > > What I would like to happen is as a user scrolls to the next image > > > (which fades in) the image and its corresponding caption appears > > > (basic styled text below it). The same action also when a user clicks > > > previous for the last image. > > > The 'before' and 'after' callbacks will help you here. Check out this > > demo: > > >http://www.malsup.com/jquery/cycle/after.html > > > > Also, I have general concerns about script loading. I have quite of > > > number of linked js files in my header. Seemingly, when you select and > > > view a webpage for the first time, the above script doesn't work - > > > only when you hit refresh does the image gallery appear properly. Is > > > this a problem at all? > > > Hard to say without seeing it in action. Can you post a link?