sâmbătă, 22 martie 2008

FancyBox - simple and fancy jQuery plugin

Similar to Lightbox, FancyBox, a jQuery powered image zooming script, zooms the images with very nice loading and zoom-in / zoom-out effects.


Features:

  • Automatically scales large images to fit in window
  • Adds a nice drop shadow under the full-size image
  • Image sets to group related images and navigate through them
More detailes here:

http://fancy.klade.lv/

miercuri, 5 martie 2008

Galleria


There are lots of nice application written in jQuery. Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

Above is a demonstration shows you some more advanced effects you can accomplish with the Galleria plugin. The history object is also active that you can click the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.

duminică, 2 martie 2008

Image Transition Manager with Scriptaculous and Prototype


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.

The image transaction manager features:

  • 8 (more to come) image transition effects
  • Visible image preloading
  • Unobstrusive javascript (no inline javascript in you html-document)
  • Easy to use Transition object
  • Corssbrowser: tested in Firefox 2.x, Opera and IE6/7
  • No CSS involved
Demo