Wednesday, October 11th, 2006
Smooth Slideshow 2.0
Category: JavaScript
, Library, Utility
Jonathan Schemout has released version 2 of his Smooth Slideshow library, written on top of mootools.
New Features in 2.0
- All the code is now wrapped in objects. In other words, you can now add more than one slideshow to the same webpage.
- JonDesign’s SmoothSlideshow now center images in the viewport. This way you can use different image ratio in the same slideshow.
- JDSS now uses mootools instead of moo.fx and prototype.lite.js (but don’t worry, there is still a version using moo.fx available ;-))
- Some graphical changes (yeah everyone wants to look cool :-))
- And last but not least, a lot of bugfixes.
You can see this in action via the showcase.
4.5 rating from 30 votes
not checked out the code yet but this is pretty sweet!
The previous one was one of my favorites. Glad to see that there’s a “sequel”… Great work.
This is pretty cool. I have a quick question. The initialize function creates div element for all the images in the beginning. Would it download all the images at once? I assume it won’t. Just wanted to confirm.
Thanks
great stuff
It keeps getting better and better…
;-)
[...] Ajaxian pointed to new photo slideshow software, called Smooth Slideshow. I have my own slideshow software, but I may end up 'stealing' some of the ideas from this, because I think it's a really nice implementation AND it validates! [...]
Great slideshow for sure. something like our own lightbox but definitely with better caption from moo camp.
Smooth SlideShow 2.0
Using mootools (there is also a moo.fx version available), this javascript slideshow system allows you to have a simple and smooth (cross-fading…) image slideshows and/or showcases on your website.
Jonathan Schemout lançou a segunda versão da S…
[...] Basada en mootools, la herramienta Smooth Slideshow (vÃa Ajaxian) es una librerÃa Javascript que en su versión 2 permite incorporar varias presentaciones en la misma web, eligiendo entre el avance automático o el manual. Basta que subas la librerÃa a tu sitio y añadas unas pocas lÃneas al header y a la plantilla css que uses, además del código que mostrará la presentación en tu página. [...]
JonDesign’s Smooth Slideshow is very very nice ! We can now stop using some useless Flash…
Vive Ajaxian, vive Jon et vive la France !
One note: ‘fully tested on Firefox’ seems to mean ‘fully tested on Firefox 1.5′.
…I don’t actually know which version is tested, but I do know it’s not 1.0.7, and that cuts too many users, imho :-\ Looking good on IE, though.
i really want to use this in production.
there are some issues though and maybe bugs.
i get a lot of “Error: ‘this.slideElements’ is null or not an object” messages when i slide right (sliding left seem to work fine).
so basically i am looking for a mailing list or a forum where i can post questions and get some help regarding this awesome component.
thanks in advance.
I noticed that all the images are created with div elements in the initialize function. Does that mean it will load all the images before it is being shown? I don’t think so, but just want to confirm
Thiru
Thnx for the tip. Nice slideshow. Ive same question as Thiru.. Are all pics load before shown..?
PS: I don’t see any problems with 1.5.0.7 ff..
the slideshow is broken with IE7!!!!!
the title and description of the picture does not appear
anyone encountered this? and can solve this?
thanks in advacne.
ok;
there was a problem with the CSS or JS.
2 ways to solve this.
wither change the jd.slideshow.css and set the height to something bigger than 3 (in my case 40 worled) in the .jdSlideshow .slideInfoZone selector or change line 167 (this.slideInfoZone.getStyle(’height’, true)) to a number (40)
Hello Everybody,
First, my name is not Jonathan Schemout, but Jonathan Schemoul ;-)
Anyway, thanks for the great feedback !
So, the answers to the people here who asked questions:
–
@thiru, @rxbbx:
Normally, images should load from the beginning in the order they are shown… but with very low priority for the browser: hidden css images…
So kind of preloading, yeah :)
–
@emarc:
I’ve done some testing on firefox 1.0.7 on linux and firefox 1.5 on both linux and windows (as well as firefox 2.0) and it worked… maybe there are some problems on other platforms. BTW, the move to mootools and objects removed some compatiblities, try the moo.fx version (or even v1 which wasn’t using objects) :)
–
@guy:
those problems come from the use of em sizes for the info panel: convert everything to px, and it should work :)
(btw, the JS code you say to change, actually gets the current height of the element… maybe this function of mootools is broken on IE 7… the moo.fx version perhaps correct this thing. I can’t test since I don’t use IE 7)
–
I am about to set up a google groups to discuss about the lib and prepare the next version as well as it’s variant: JonDesign’s SmoothGallery.
Thanks for this article and fedback :)
– Jon
Hello,
Just to inform you all that I’ve opened a google group to discuss about issues, improvements or implementations of JonDesign’s SmoothSlideshow:
http://groups.google.com/group/jondesigns-smooth-slideshow-users
Cheers,
Jonathan