Posts

MooTools Image Slider / Banner Rotator – SlideItMoo

MooTools Image Slider – a good looking way to display the thumbnail images of your gallery. Display any number of thumbnails in a photo gallery or as a banner rotator.

All CSS styling is external. It can slide either by mouse wheel scroll or by clicking the arrows on the left and/or right.

View EXAMPLES

There are several options inside the script that you can set up:

  • automatically slide the images
  • the transition you want to use when sliding
  • show the back-forward buttons
  • number of visible elements
  • start the slider with a specific image and more …

banner rotator / slider with MooTools

jQuery.popeye – An Inline Image Gallery

jQuery.popeye – jQuery plugin that transforms an unoredered list of images into a image gallery displaying only one image preview at a time. The box has controls, previous/next, enlarge and info about the current image.

The box expands to accomodate the enlarged version, while the controls are hidden in full image size mode. A simple click on the image returns the box to its compact state.

Check out the demo page.

Zoomy.js – Simple Image Magnification with Customizable Options

Zoomy.js – a Prototype class that allows you to easily create Image Gallery. The script make simple magnification of images with customizable options, as popup and overlaying boxes.

Images are preloaded, there is no delay when you zoom. You can display caption and close button (optional) and open new window from a link to the caption, zoomed images may be dragged.

Zoomy.js package contains a patched version of Prototype 1.6 library (to correct bugs on Opera 9.5) + Scriptaculous (effect, dragdrop).

All you need is to add the required HTML markup and customize CSS stylesheet. The miniature is made from the original image used as background and then initialize Zoomy.

Galleriffic – a jQuery Plugin for a fast-performing Photo Galleries

Galleriffic jQuery plugin was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.

Galleriffic - jquery slideshow plugin

Features of Galleriffic plugin:

  • Smart Image Preloading after the page is loaded
  • Thumbnail Navigation (with pagination
  • Bookmark-friendly URLs
  • Slideshow (with auto-updating url bookmarks)
  • Image fade transitions
  • Optional download link for the original image
  • Flexible configuration
  • Graceful degradation when javascript is not available

You can initialize the gallery by calling the galleriffic init function, passing in the thumbnails container selector and an options.

Free Flash Photo Gallery

A while ago, we have introduced 20 Free Flash Gallery Solutions for Your Images and Flash 3d Curve & 3D Grid Photo Gallery. Here is another one.

Flash Gallery is a free application that allows you to create a slideshow on your website easy and fast. You won’t need any programming skills to install or use it. Just embed it into your website and script will automatically form a slideshow from a specified folder or from Flickr photostream with a nice fade in/out effect.

Free Flash Photo Gallery

Uvumi MooTools Plugins – Dropdown Menu, Dock Menu, Image Gallery and more

UvumiTools 6 free MooTools plugins.

MooTools Dock Menu

The UvumiTools DockMenu reproduces Mac OS dock, you can build this menu with a simple <ul> element, where each <li> represents a menu item. The whole thing is degradable, built from standard HTML, and is cross-browser compatible.

MooTools dock menu plugin

Dropdown Menu

A very simple multi-level menu built from an HTML unorderd list, a simple and lightweight menu that can be easily updated by simply editing a <ul> HTML element. It’s Cross-Browser compatible and cutomizable with CSS.

MooTools drop down menu

Gallery Plugin

Display fancy photo galleries on your web site without requiring you to be a master programmer. All you need to do is include a couple JavaScript and CSS files.

First, the thumbnails are loaded. Users can click a thumbnail and watch the gallery transform into a slideshow, which is then navigated by clicking the left column or by scrolling with the mouse wheel.

MooTools image gallery plugin

3 more from UvumiTools: UvumiTools Image Crop, Textarea Plugin and Scrollbar Plugin.

PictureSlides plugin for jQuery – Create Slideshows and Thumbnail Galleries

PictureSlides – a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons and whatever you like.

PictureSlides consists of one settings file and one core functionality file. This basically means that when an updated version comes along, you can update the functionality file but keep your settings file, to ensure staying up-to-date is as hassle-free as possible.