PDA

View Full Version : Ultimate Fade-In - Change Next Slide via Button



Tako
01-11-2007, 01:23 PM
I recently managed to get the Ultimate Fade-In Script (http://www.dynamicdrive.com/dynamici...nslideshow.htm) working and in fact it's great. It managed to achieve all I required from the script.

What I would like to ask, is whether anyone ever tried to change the next slide to be displayed via the click of a button. Basically, when I click a button, some form of javascript is fired which changes the next slide to say slide 5 even though it's still on slide 1.

Any ideas people?

jscheuer1
01-12-2007, 04:46 AM
There is a new slide show:

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

That can do that. The jumpto feature is not shown on the current demo page though. It is shown on this demo of the same script:

http://home.comcast.net/~jscheuer1/side/files/iss_ext.htm

I've even just recently worked out a modification (not fully tested yet) to this script that will allow for numbered links, with each number corresponding to each image.

alexr40
06-18-2007, 07:41 PM
There is a new slide show:

http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

That can do that. The jumpto feature is not shown on the current demo page though. It is shown on this demo of the same script:

http://home.comcast.net/~jscheuer1/side/files/iss_ext.htm

I've even just recently worked out a modification (not fully tested yet) to this script that will allow for numbered links, with each number corresponding to each image.


When is this script allow the numbered links. When its going to be released! I am willing to test it. I am in need of a slideshow with numbers to jump to specific # of image

jscheuer1
06-18-2007, 09:56 PM
I've been looking for the thread where I explain this and cannot find it at the moment. Here is a link to a demo:

http://home.comcast.net/~jscheuer1/side/iss_ext/

Most of the added code is to allow for differing colored backgrounds for each slide. It does require the script:

http://home.comcast.net/~jscheuer1/side/iss_ext/sai_ss.js

to use the numbered buttons, whose code is this part on the page:


<script type="text/javascript">
new inter_slide(slides5, 750, 606)
document.write('<div style="text-align:center;margin-top:5px;">')
for (var i_tem = 0; i_tem < slides5.length; i_tem++)
document.write('<span id="trace0_'+i_tem+'" style="border:1px solid black;cursor:pointer;background-color:'+(i_tem? '#d9dae7' : 'white')+';padding:2px;" onclick="if (iss[0].playing){iss[0].gostop(iss[0].go(\'gostp0\'));setTimeout(\'iss[0].jumper('+[i_tem+1]+')\', 1000);}else{iss[0].jumper('+[i_tem+1]+');}">'+[i_tem+1]+'<\/span> ');
document.write('<\/div>')
</script>

The slide array name (slides5 in the above) must be mentioned as shown and the slide show instance number (1st instance is 0, second is 1, and so on, if you only have one slide show on a page, it is 0) must be used throughout the line that begins:


document.write('<span id="trace0_'+i_t . . .

in the above.

jscheuer1
06-18-2007, 10:11 PM
I found the thread where this is explained in a different way:

http://www.dynamicdrive.com/forums/showthread.php?p=95240

But don't look at markth's demo as it has been changed and doesn't seem to work anymore. The images are missing.