iRui.ac - Home of vSlider http://irui.ac I've seen things you people wouldn't believe Mon, 17 Jul 2006 08:35:00 +0000 http://wordpress.org/?v=2.0.2 en KBurnalizer http://irui.ac/cool-stuff/kburnalizer/ http://irui.ac/cool-stuff/kburnalizer/#comments Tue, 11 Apr 2006 17:29:55 +0000 Rui Misc http://irui.ac/cool-stuff/kburnalizer/ Download: KBurnalizer.zip (standard library)
Download: KBurnalizerG2.zip (Gallery2 Module)

Update: now also works with Safari. Many thanks to dr3w and Mike for helping out with the testing!

What is KBurnalizer?

KBurnalizer is a lightweight library to display slideshows on a web page, using the Ken Burns effect. What makes it special is that it relies only on “basic” web technology, that is, pure HTML, CSS and Javascript – no Flash, Applet or exotic plugins are required.
You can also download it as a ready-to-use Gallery2 module.

Example


Err… Ken Burns?

In case you didn’t know (shame on you!), Ken Burns is a famous documentary filmmaker. From Wikipedia:

In his documentaries, Burns often gives life to still photographs by slowly zooming-in on subjects of interest and panning from one subject to another. For example, in a photograph of a baseball team, he might slowly pan across the faces of the players and come to a rest on the player the narrator is discussing. […] This technique came to be known as the Ken Burns Effect, even though he did not originate the technique, and has become a staple of documentaries, slide shows, presentations, and even screen savers.

I’m sure you’ve seen it, just didn’t know the name :)

Features

  • Cool looking slideshow, without extra plugins.
  • Can display more than one slideshow in the same page.
  • Configurable size.
  • Configurable duration and transition times for the slides.
  • Configurable fade color.
  • Optional display of the slide title.
  • Random algorithm to choose the effect for each slide.
  • Random algorithm to choose the effect for each slide.
  • Possibility of manually defining the effect for any individual slide.
  • Pure OO Javascript library – good learning material.

How do I use it?

This depends on which file you download. If it’s just the plain library (to use anywhere), there is a small document included in the zip file explaining on to create a slideshow in your page.
If you download the Gallery2 module version, then extract the files to \gallery2\modules, go the Modules administration page, install and activate it. You should see a new item called Burnalize it! in your actions list.

Where can I use it?

Well, anywhere, really. You can include the library in any page and with a few lines of Javascript you can have it running.
It’s already included in other cool stuff you can find in this side – it’s embedded on the vSlider 2.0 theme for Wordpress, and the companion theme for Gallery2.

License and Donations

This theme (like everything else on this site) is available under a Creative Commons License (in short, you can do whatever you want with it, as long as you give me credit for the original work).
There is a lot of time and effort put into making this. So, if you do use it, then I strongly encourage you to visit my donate page, and show your appreciation ;) .

]]>
http://irui.ac/cool-stuff/kburnalizer/feed/