WebAppers

/ best free open source web resources /

Shopify

Image Transition Manager with Scriptaculous and Prototype

Posted · Category: Gallery, License Free

The image transition manager is a javascript library based on scriptaculous and prototype. It supports several image transitions, such as fading, appearing, sliding, growing and shrinking. Because it uses the unobtrusive javascript technique, no inline javascript is needed and hyperlinks still function when javascript is disabled.

I think the script works really great, you can have 8 (more to come) image transition effects to spice up your site. However, I found it a bit slow to load the image first time. It would be much better if the script preloads all the images beforehand.

transitions.png

Requirements: Scriptaculous 1.7.3 beta and Prototypejs 1.5.1.1 Framwork
Demo: http://ajaxorized.com/image-transition-manager/
License: License Free

3 Comments
  • http://www.blogthememachine.com Mike Smith

    I agree the images take a minute to load. This would be something good to have fixed, especially since the first thing I thought of to use this script for was a mini-portfolio, and if my portfolio images are big like this, loading time would kill me.

  • Edwin

    Awesome!

  • http://mr.moox.fr/ Mr.MoOx

    I prefere jQuery Cycle which as a lot of options!
    http://www.malsup.com/jquery/cycle/

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons