Swiss Army Image slide show script

[radarhill]

1) Script Title: Swiss Army Image slide show script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/swissarmy/index.htm

3) Describe problem: Is there a way to arrive at a particular image within the slideshow?

Is it possible to arrive at a particular image within the slideshow by clicking on the image from a thumbnail table?

[jscheuer1]

This slideshow went through many changes pre and post production. I did make up a demo like that:

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

You will probably have questions. However the main issue is, as written it assumes image filenames in this format:

name_thumb.jpg

paired with:

name.jpg

And, .jpg is the only extension but, that could be changed in the on-page script.

[radarhill]

Thanks.

http://www.andrewmara.com/source/?123456 shows the thumbs after a scroll down.

[philglen@gmail.com]

This slideshow went through many changes pre and post production. I did make up a demo like that:

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

You will probably have questions. However the main issue is, as written it assumes image filenames in this format:

name_thumb.jpg

paired with:

name.jpg

And, .jpg is the only extension but, that could be changed in the on-page script.
Hi John,

Excellent script!

I have it implemented with a load of descriptive text links jumping to the associated image in the array when clicked.

However once clicked the auto-play feature seems to stop.

My question is this: How do I tell the script to continue playing through the array, from the next image after the one I just jumped to?

Thanks in advance...

Phil Glen
philglen@gmail.com

[jscheuer1]

philglen@gmail.com,

If a show is stopped, this will start it:


iss0.gostop(iss0.go('gostp0'));

The 0's refers to the show instance. If you have only one show on a page it is 0. The second show would be 1 then 2 and so on. If you are not using the previous/stop/next buttons, all you need is:


iss0.gostop();

These same commands will stop a running slideshow. If you only want it to start the show if it is stopped, use:


if (!iss0.playing){iss0.gostop()};

or, if you are using the previous/stop/next buttons:


if (!iss0.playing){iss0.gostop(iss0.go('gostp0'))};

[philglen@gmail.com]

Hi John, Useful info, thanks for the reply.

The code:

iss[0].gostop('gostp0'); works fine for starting and stopping the slideshow

however I am jumping to a specific slide using:

iss[0].jumper(oImg)

with oImg being a dynamic image number.

How do I get the slideshow to continue its loop from the slide after the one jumped to?

Regards,

Phil.

[jscheuer1]

iss[0].jumper(oImg);iss0.gostop(iss0.go('gostp0'))

However, that will make it go to the next image so try:


iss[0].jumper(oImg-1);iss0.gostop(iss0.go('gostp0'))

or just have oImg be one less to begin with. A timeout may be needed to ensure that the commands to not cancel or partially cancel each other out.

Edit/Added

After playing around a little, this seemed to work out well:


<input type="button" onmousedown="if(iss[0].playing){iss[0].gostop(iss[0].go('gostp0'));setTimeout('iss[0].jumper(3)',1000);}else{setTimeout('iss[0].jumper(3)',500)};" onmouseup="setTimeout(function(){iss[0].gostop(iss[0].go('gostp0'))},4000)">

[jscheuer1]

Also, since it isn't entirely clear to me what you are doing, you might want to look here:

http://www.dynamicdrive.com/forums/showthread.php?t=18996

But, I think that is something different.

[philglen@gmail.com]

John, your final onmouseup/down implementation has hit the nail on the head!

I would like to thank you for your time and effort, my current project has a tight timeline and you have saved me at least half a days analysis, which is greatly appreciated.

Thank you once again for this great cross browser script!

To see the code in action, here is the page in question:
http://www.jrtinsurance.co.uk/testimonials.asp

Phil.

[jscheuer1]

Looks good but, I would suggest adding an onclick event to those links to return false so that you do not get the # appended to the address (adding # to the address like that in some browsers will reload the page - definitely something to be avoided):


<a href="#" onclick="return false;" onmousedown . . .

Also, since you are not using any control buttons, you can use:


iss0.gostop();

in place of:


iss[0].gostop(iss[0].go('gostp0'))