Slideshow example

Slide right effect

HTML Slide You can define slides with HTML content directly in the page. This lets you insert any HTML content, for example a table: slide effects: these effects works with all content squeeze effects: these effects currently don't work fine with html content fade effects: these effects works with all content

Related Links:

• YUI homepage
• Dojo slideshow, which inspired this development
• MyOwnDb, why I developed the slideshow
• MyOwnDb blog

Bookmark it

A flexible slideshow

This slideshow is based on YUI, Yahoo's javascript library. I wanted to add a slideshow to the presentation site of MyOwnDB and hoped to find a simple widget that let me load slides on demand, and accepts HTML slides. As I didn't immediately find what I wanted, I started to experiment. I learnt a lot, and the result is a slideshow that lets you

• choose transition effect
• easily develop new transition effects
• define the slides in the page or choose to load on demand

Transition effects

You can choose in different classes of trasitions: sliding, fading, squeezing. Developing your effect is very simple, as shown on the documentation page and the demo page

On demand loading

You can define slides to be loaded before their first use, so that the page containing the slide doens't get too big. That way, a slideshow with 100 images doesn't load all images at once.