[DHTML] Slideshow - clean, easy markup & javascript

[Znupi]

1) CODE TITLE: Ultimate Javascript Slideshow

2) AUTHOR NAME/NOTES: Nickname: Znupi. Actual name: Felix Oghina. From: Romania . No personal site yet... i have email tho :P znupi69@gmail.com.

3) DESCRIPTION: A really easy to use fading slideshow javascript. The markup is small and clean. A <div> and an <img>. Only 2 lines of CSS are needed. Only 48 lines of javascript required. What's so great about this script: it doesn't use overlapped images and that sort of stuff. It uses an image and the background of the div the image is in. An explanation of how it actually works is on the DEMO page. Only problem is the images must be the same size. There's nothing I can do about this, since CSS backgrounds are not resizable (as far as my knowledge goes). The script is fast, and has been tested with Firefox 2.* (probably works with older versions, too, smth like FF 1.5.*), IE 6, IE 7 and Opera 9.

4) URL TO CODE: Here's a demo: http://dc-hub-hosting.com/znupi/slideshow

Tell me what you think .

[djr33]

FF 1.5 is working fine. I'd test on Safari, but home for the week for spring break and my mac is in my dorm room.

It is quite clean and works well.

Would it be possible to dynamically change the images included in the show using onClick="" on an <a> element somewhere else on the page?
(This is actually a personal question, and if it works, I'd love to use it on my page.)

[Znupi]

I'll try...

[djr33]

http://truthandliesmovie.com/gallery/
That has a similar slideshow, but it isn't as smooth as yours.
The method for changing the images works, though, so a look at the code might be helpful.

I'm sorry... I'm totally dragging this thread off topic, to a personal project. It just jumped out at me.


Anyway, please feel free to continue this as a thread about the subject in the first place, though this could be a useful addition to the script for others as well.

[Znupi]

Oooh I understood something else, I thought you wanted it to be able to have a link saying "next image" ... sorry I'm a bit slow today ...

Changing the images dynamically... That shouldn't be a problem I'll get on it when I get back from school today .

[DimX]

Nice, though it's impossible to have multiple slideshows on one page.

[Znupi]

Nice, though it's impossible to have multiple slideshows on one page.

I know. And I can't make it support multiple slideshows, that would pretty much mean a whole recoding of the script .

[ddadmin]

I know. And I can't make it support multiple slideshows, that would pretty much mean a whole recoding of the script .

But you do realize that if you don't and this script gets published, you'll be getting questions daily from members asking you how to accomplish just that?

[Znupi]

But you do realize that if you don't and this script gets published, you'll be getting questions daily from members asking you how to accomplish just that?

Lol ... if so, then if it gets published the description should say in capitals "DOES NOT SUPPORT MULTIPLE INSTANCES" ... anyway I'll work a little more on it and let you know when it's finished (I'll try to add the image-set-changing option and some other improvements).

[mburt]

Or... (dramatic music) completely redesign it . I know you don't want to, but ddadmin is right. You'll get RAPED VERBALLY if you publish it and it doesn't have those features. Then we'll have to jump in and come up with a solution.