WebAppers

/ best free open source web resources /

Shopify

CrossSlide – Create Pan and Cross-Fade Animations

Posted · Category: Gallery, GPL License

CrossSlide is a jQuery plugin that implements in Javascript some common slide-show animations, traditionally only available to the web developer via Adobe Flash™ or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself.

CrossSlide can do simple Static cross-fade, Slide + cross-fade and Ken Burns effect: panning, zooming and fading to specific points, to guide the eye of the viewer and convey meaning. This kind of effect relies on the browser for positioning, scaling and cropping images, through CSS and the DOM.

However it depends heavily on how the browser and the underlying graphics platform optimize these operations. Compared to native implementations of the same effects, CrossSlide is quite CPU-intensive, but recent hardware handles it without problems.

Requirements: jQuery Framework
Demo: http://www.gruppo4.com/~tobia/cross-slide.shtml
License: GPL License

3 Comments
  • http://www.fleedy.com manS

    effect like flash, but using Javascript is more usable because doesn’t require flash player…

  • http://www.fedmich.com fedmich

    I like the “Ken Burns effect” the most :)
    thank you for this

  • http://www.cretonix.com Julius Pewu

    Wow, I used to this with flash, but thank God now we have a simple Javascript to accomplish this transition.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons