pseudo filmstrip slideshow

[jchin]

I was searching and searching to see if I can make the smugmug filmstrip also have an auto photo advance (like the slideshow) ... and didn't find anything.

I then Googled and Yahoo'd around. This is what I came up with. If you have any comments, corrections, or suggestions. Please share. Thanks.


In the JavaScript section of Customization Settings, add (updated on 2/20/2007 with IE6 fix):

// make the filmstrip auto advance to the next image
function filmstrip_AutoNextImage() {
if (YD.hasClass(document.body,'filmstrip')) {
nextImage(1);
setTimeout("filmstrip_AutoNextImage()",5000);
}
}



In the Footer section of Customization Settings, add:
< SCRIPT Language="JavaScript" type="text/javascript">
if (YD.hasClass(document.body,'filmstrip')) {
setTimeout("filmstrip_AutoNextImage()",5500);
}
</SCRIPT &gt;

It seems to work for me ...
http://galleries.jchinphotography.com/gallery/1366541


HOWEVER ... I just checked it in IE6 ... it doesn't work. I seems to only work in Firefox. Please help me fix this. Thanks.

[brandofamily]

I was searching and searching to see if I can make the smugmug filmstrip also have an auto photo advance (like the slideshow) ... and didn't find anything.

I then Googled and Yahoo'd around. This is what I came up with. If you have any comments, corrections, or suggestions. Please share. Thanks.


In the JavaScript section of Customization Settings, add:
function filmstrip_AutoNextImage() {
nextImage(1);
setTimeout("filmstrip_AutoNextImage()",5000);
}

In the Footer section of Customization Settings, add:
&lt; SCRIPT Language="JavaScript" type="text/javascript">
if (YD.hasClass(document.body,'filmstrip')) {
setTimeout("filmstrip_AutoNextImage()",5500);
}
</SCRIPT &gt;
It seems to work for me ...
http://galleries.jchinphotography.com/gallery/1366541


HOWEVER ... I just checked it in IE6 ... it doesn't work. I seems to only work in Firefox. Please help me fix this. Thanks.

I hope you get this going... I'd love to use it too...

[JimN]

I hope you find a fix for IE. I would love to use this feature too.

[jchin]

Unforunately ... no. :scratch I'm not a JavaScript programmer. I am hoping that Andy or JFriend or some SmugMug-genius can help me out here.

[brandofamily]

Unforunately ... no. :scratch I'm not a JavaScript programmer. I am hoping that Andy or JFriend or some SmugMug-genius can help me out here.

Where did you find the original code? Maybe we can find the solution there?

[jchin]

Where did you find the original code? Maybe we can find the solution there?

The code came from bits and pieces of JavaScript my friend had. Too bad he isn't a JavaScript programmer either, so it was just cut/paste/adjust. :wink

At least we know it works ... at least in FireFox. I guess it must be the way Microsoft IE interprets the code or something.

[brandofamily]

The code came from bits and pieces of JavaScript my friend had. Too bad he isn't a JavaScript programmer either, so it was just cut/paste/adjust. :wink

At least we know it works ... at least in FireFox. I guess it must be the way Microsoft IE interprets the code or something.

Maybe one of the JS guys like Dev will get a chance to look at this...
Hey Andy... if you are reading this could you bump it towards Dev.... Thanks, I'm not sure of his work flow, but I know Andy sees ALL....:thumb

[jchin]

OK ... I've got it working in IE now (as well as Firefox). I had to add everything that is in red to make it work in IE6. Why? No idea. :scratch That is Microsoft for ya!


// make the filmstrip auto advance to the next image
function filmstrip_AutoNextImage() {
if (YD.hasClass(document.body,'filmstrip')) {
nextImage(1);
setTimeout("filmstrip_AutoNextImage()",5000);
}
}

[brandofamily]

OK ... I've got it working in IE now (as well as Firefox). I had to add everything that is in red to make it work in IE6. Why? No idea. :scratch That is Microsoft for ya!


// make the filmstrip auto advance to the next image
function filmstrip_AutoNextImage() {
if (YD.hasClass(document.body,'filmstrip')) {
nextImage(1);
setTimeout("filmstrip_AutoNextImage()",5000);
}
}


Kool code. I got it working just swell... Have you played w/ trying to add a fade to the slides? I'm going to look at the slideshow hack code and see if anything pops out that has to do w/ a fade out of the pics...

[jchin]

If you are able to make it fade like the smugmug slideshow, that would be really cool. Do share if you get it working.

[brandofamily]

If you are able to make it fade like the smugmug slideshow, that would be really cool. Do share if you get it working.
I'm hoping Dev will see this and have an idea... I've tried a few things, but I'm clueless...

[JimN]

Very cool. I wonder if there is a way to add buttons to control the slideshow. That would be icing on the cake. :D

[jchin]

Very cool. I wonder if there is a way to add buttons to control the slideshow. That would be icing on the cake. :D

I'm sure that is a way to do it with some "real" JavaScript programming, but I'm a "real" JavaScript programmer. :wink