Web Development and Design Magazine » Image Gallery

jQuery Powered Full Page Scrollable Image Gallery

Saif — Wed, 08 Sep 2010 21:12:31 +0000

Codrops is sharing a stunning Full Page Image Gallery with scrollable thumbnails and a scrollable full screen preview.

It has a thumbnails bar at the bottom of the page that scrolls automatically when user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background.

The demo is best viewed in Webkit browsers like Google Chrome or Apple Safari because this full page image gallery is using CSS3 Webkit properties to enhance the look and jQuery for the functionality.

The image gallery comes with a handy tutorial that is very easy to understand and follow.

An Infinite, Circular jQuery Carousel: carouFredSel

Saif — Mon, 06 Sep 2010 07:25:07 +0000

carouFredSel is a jQuery plugin that turns any kind of HTML element into an infinite, circular carousel. It supports pagination and can scroll one or multiple items simultaneously, horizontal or vertical, automatically, by pressing buttons or keys on the keyboard.

carouFredSel Feetures

Scrolls automatically and/or by user interaction
Built in keyboard-navigation and pagination
Dynamically add and remove items to/from the carousel
Compatible with most popular (jQuery) lightbox-plugins
Intelligent custom events and loads of options

Flexible MooTools Slideshow Widget: SlideShow

Saif — Mon, 16 Aug 2010 07:02:40 +0000

SlideShow is an extendable, flexible, and easy to implement MooTools Slideshow Widget. Use any element, not just images; this slideshow widget can be used to create:

Slideshows
Image galleries
Tabs
News tickers

Slideshow comes with packaged transitions but is easy to extend and create your own transitions. The class is built to handle the basics of a slideshow, extend it to implement your own navigation piece and custom transitions.

HTML5 Audio, Video and Image Gallery: Multimedia Gallery

Saif — Sat, 03 Jul 2010 07:11:41 +0000

A clean, professional and first HTML5 audio, video and image gallery based on jMediaElement which is an HTML5 audio and video development kit with Flash and VLC Fallback.

Multimedia Gallery integrates audio and video as exhibit pieces along images. It uses an XML file for defining the items in the gallery and a PHP class with an XSL Stylesheet to transform the data. Once a thumbnail is clicked, it navigates through the previews and shows the descriptions (from the configuration XML file).

Lightweight jQuery Slideshow Plugin: SimpleSlide

Saif — Fri, 25 Jun 2010 13:10:05 +0000

SimpleSlide is a lightweight jQuery slideshow plugin to create an image slideshow or a text based content slider for your site. This plugin won’t bog down your site or burn out your users’ browsers, even using it in multiple iterations per page.

With the little markup you need to add to your site, you get a full feature set like:

Ability to put whatever data you want within the slide window, even mixed types
Full screen display and swipe functionality

Customizable jQuery Modal Window: NyroModal

Saif — Mon, 21 Jun 2010 07:53:51 +0000

NyroModal is a customizable modal window plugin built with jQuery. The Look and Animations can You’ll be able to customize either the look by CSS and the animation by creating your own using the jQuery animation function.

Features

Ajax Call with targeting content
Images Gallery with arrow navigating
Form with file upload with targeting content
Customizable animation

jQuery Slideshow & Image Gallery Plugin – jqFancyTransitions

Saif — Sun, 13 Jun 2010 06:00:58 +0000

jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow or to create an image gallery with fancy strip transition effects.

This free image gallery comes with ‘wave’, ‘zipper’ and ‘curtain’ effect and provides options to easily create custom transition effects.

Free JavaScript Image Gallery – Galleria

Saif — Thu, 13 May 2010 07:01:59 +0000

Galleria is a Free JavaScript image gallery. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs.

Galleria can be used as a fixed-width image gallery or flexible full screen image gallery.

This free JavaScript image gallery can create, scale and crop images on the fly, making your gallery layout flexible towards any existing design.

Galleria Features

Creates thumbnails on the fly
Degrades gracefully
Flickr fetcher included
Built for performance
Using jQuery’s library

Galleria uses a convenient Theme API that makes gallery styling and customization a breeze.

Coin Slider – jQuery Image Gallery Now A WordPress Plugin

Saif — Wed, 05 May 2010 09:37:30 +0000

Greepit has previously shared a great jQuery image gallery – Coin Slider that offers awesome transition effects. Coin slider is just being released as a WordPress plugin.

Coin Slider WordPress plugin lets you create beautiful transition effects for your featured posts & can also be used as an image gallery.

Choose between three types of transition effects:

Random
Swirl
Rain

You can customize width, height, delay time, number of posts etc.

Sliding jQuery Image Gallery: prettyGallery (And prettyPhoto: A jQuery Lightbox Clone)

Saif — Tue, 18 Nov 2008 12:08:39 +0000

prettyGallery is a jQuery plugin for creating sliding image galleries on the fly.

Besides images, any content can be presented within the slider.

Images in the gallery are defined in an ordered list. Items per page, speed of the navigation & labels used can be configured.

The gallery uses prettyPhoto, a jQuery Lightbox clone, for displaying the images in large-size.

This lightbox clone is very good-looking & can display:

images
present the images as an image gallery
Flash

It works in all major browsers & animation speed, opacity and more settings can be updated.