number
number
day
month
Skype Me™!
 
borisvujicic         
inspiringlinks         
notes         

Javascript Slideshow

I was in a need for a nice slideshow effect, which will slideshow as many pictures as I like, but still not load bunch of heavy js files and libraries to achieve this.

I used most of my time thinking how I can create something nice, professional and flexible.

I looked on net for something that can be used, but “as you can guess” I found nothing that will satisfy my needs.

So “to all of our happiness” I created nice javascript object that will do this stuff for me.

This is under no license, so anyone can use it to their liking.

Fade in/out time in seconds
Image presentation in seconds
Interlace opacity in percent (0 = 0%; 1 = 100%; 2 = 200%)
Fade step (0-100)
 
 
 

 

Let me elaborate how this works.
If anyone extends this script I would like to see it :)

  1. How does it work, what does it do? Do I need to load some of the exiting js libraries?
  2. What are all this options, and how do I use them?
  3. Can I extend this and how?

You can:

  • add as many pictures as you like
  • add inline photos (for AJAX feel)
  • turn on/off picture navigation
  • adjust speed of overlay
  • adjust level of opacity when overlay is going to happen