PDA

View Full Version : Swiss Army Slideshow External Links



vane
03-21-2011, 09:42 PM
Swiss Army Slideshow

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

Just wondering what the most elegant method would be for creating external image links that jump to specific images.

Been working on it for a while now and can't seem to come up with anything practical.

Thanks,
V

jscheuer1
03-22-2011, 05:55 AM
It's been a long time since I worked on this aspect of this script. But is this anything like what you have in mind:

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

vane
03-23-2011, 04:27 PM
Amazing.

Thank you very much jscheuer1, this is exactly what I was looking for.

jscheuer1
03-23-2011, 05:10 PM
Great, I did that some time ago. I believe it uses a customized version of Swiss Army as well as some custom on page code.

If you're a decent code slueth, you can get everything you need from that demo page and its resource script.

If not, let me know what you need help with.

vane
03-25-2011, 05:53 PM
Yep, I was able to get everything I needed.

Thanks again, great solution.

Pretty straightforward one, too, after seeing it.

Do you know if Swiss Army supports an onChange type of event for automatic slide changes? I want to have it queue an little title overlay animation when one of the thumbnails is moused over, or when the slideshow automatically changes to that thumbnail's slide.

jscheuer1
03-25-2011, 06:28 PM
That sounds like:

http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

what with the kind of action it has for descriptions sliding in from the bottom, either onmouseover or on slide change. It would most probably be easier to adapt it to use thumbnails (I've done most of the work for that for UFade already and would be happy to share it), than to graft its description animations onto Swiss Army.

Swiss Army has no 'onslide' callback, though one could be written in somewhere I'd like to think. UFade does. So if you don't like what it's descriptions thing can do (it has some options), you could disable it and make your own using its onslide callback.

And there is always (not a DD script):

http://jquery.malsup.com/cycle/

which is very highly configurable as to effects (includes a fade in) and many other things, and has tons of callbacks you can use however you wish. An advantage with it is it uses ordinary markup for the images, so non-javascript users can still see your content.

vane
03-25-2011, 11:57 PM
So this seems to works for swiss army:



function onImageChange(img){
alert(img);
}


Added that function towards the top, then I called it like this at the bottom of inter_slide.prototype.changeimg :



onImageChange(this.nextimgidx+(bool? 1 : 0));


It seems to work just fine on manual and automatic change, except for the fact that, when changing manually, I get two alerts: One alert before the change which gives me the starting image, and another after the transition which gives me the finishing image...

I'm sure it won't make that much of a difference when queuing animations; so as long as I check the animations' statuses each time it activates; But I'd much rather do without the redundancy; going to keep working...