View Full Version : Ultimate Fade-in slideshow - divide the toggler in separated divīs

10-11-2009, 06:14 PM
1) Script Title: Ultimate Fade-in slideshow (v2.1)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) How can i get separated divs for the toggler functions, "next" and "prev" ?


10-11-2009, 08:25 PM
The script doesn't care what you do inside the toggler element (it doesn't even have to be a div tag). My preference is to make it a span, at least for certain purposes. In your case though, I would be inclined to leave it as a division, and depending upon just what you intend to do with its next/previous and status elements (which also don't have to be any particular element), do something like so:

<div id="fadeshow2toggler" style="width:250px; text-align:center; margin-top:10px">
<a href="#" class="prev"><img src="http://i31.tinypic.com/302rn5v.png" style="border-width:0" /></a>
<span class="status" style="margin:0 50px; font-weight:bold"></span>
<a href="#" class="next"><img src="http://i30.tinypic.com/lzkux.png" style="border-width:0" /></a>

Each inner division may then be styled as desired. However, even this much flexibility may not be enough. You can make up your own previous button simply by giving any element this onclick event:

onclick="mygallery.navigate('prev'); return false;"

for next:

onclick="mygallery.navigate('next'); return false;"

where mygallery is the name of the variable you used to define that slide show instance.

For a separate rendering of the status feature, though I'm sure there may be an easier way, one can just setup a togglerid element and make everything but the status element in it display: none;

In all of the above I am assuming some basic knowledge of javascript, css and HTML, but it really is very simple even if you are not familiar with the basics, though if not, you might want more specifics. If you want more help on this, feel free to ask.

10-12-2009, 09:28 AM
John: you are the best!

Greets from old Vienna