Technote Details :: I want to move back or forward between photos during slideshow

I want to add links that take me to the first, previous, next or last photo of the gallery, but I don't know how.

I would also like to display the photo description in a separate div container, not as a tooltip (the default implementation).

How do I do these?

Read below to find out how to tweak your AJAX photo gallery with these new hidden features.

To add links for moving to the first, previous, next and last photo from the gallery, please replace the code corresponding to the Play/Pause link for the slideshow:

<a id="gallery_tooglePlay" href="#" on click="gallery_object.togglePlay(900); return false;">Play / Pause</a>

with the following code:

<div>
    <a href="#" on click="gallery_object.first(); return false;">First</a> |
    <a href="#" on click="gallery_object.prev(); return false;">Previous</a> |
    <a id="gallery_tooglePlay" href="#" >Play / Pause</a> |
    <a href="#" on click="gallery_object.next(); return false;">Next</a> |
    <a href="#" on click="gallery_object.last(); return false;">Last</a>
</div>

To display the photo description in a separate div container, not as a tooltip (the default implementation), please insert this code where you want the description to appear:

<div id="gallery_description"></div>

Note: Remember to replace gallery with the name of your gallery (gallery is the default name set by MX AJAX Toolbox).