Svilen Sabev

about open source stuff and life
Follow me on Twitter Grab my RSS Feeds Contact me
  • Blog
  • About
  • Portfolio
  • Contact

CrossSlide - Create Pan and Cross-Fade Animations

 

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.

Date Sun, 09/21/2008 - 11:49
Filed in
  • Javascript
  • jQuery
  • animation
  • fade
  • gallery
  • image
  • pan
  • Login to post comments

About Svilen Sabev

I'm a 27 year old Web Developer positioned in Sofia, Bulgaria. I am employed by a great web company, ProPeople. I like to design and develop simple but nice Web 2.0 interfaces. more...

More info

Categories

  • (1)CSS
  • (2)Databases
  • (2)Drupal
  • (2)Javascript
  • (3)jQuery
  • (2)Linux
  • (2)Open Source
  • (1)PHP
  • (1)SEO
  • (1)Uncategorized

Tags in Tags

drupal image opacity open source organize pan performance platform presentation seo ubuntu zotero
more tags

© 2007 - 2010 SvilenSabev.com powered by Drupal

Creative Commons License Except where otherwise noted, content on this site is
licensed under a Creative Commons Attribution 3.0 License


Valid XHTML Valid CSS 2.0 Get Firefox Save The Developers