Making a Content Slider with jQuery UI

In this tutorial we’re going to be using the jQuery UI slider widget to create an attractive and functional content slider.

We’ll have a container, which has a series of elements each containing different blocks of content. There will be too many of these elements to display at once, so we can use the slider to move the different content blocks in and out of view

Read more "Making a Content Slider with jQuery UI"

Flickr Photobar Gallery with Jquery using API

The aim was to build a bottom photobar that one can easily integrate into a website. It is hidden initially and slides up when the handle is clicked. First, the photo sets are shown and when one of them is chosen, all its images can be viewed as thumbnails.

When a thumbnail is clicked, a full image view appears as an overlay.

Read more "Flickr Photobar Gallery with Jquery using API"

Slider Gallery with jQuery

This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to the first image.

The user can scroll through the thumbnails by using the slider controls. When a thumbnail is clicked, it moves to the center and the full image preview opens. Navigating though the images will make them slide in and out from the sides, moving the underlying thumbnails container. When the preview is closed, the full image will fade back to the thumbnail.

Read more "Slider Gallery with jQuery"

Bubbleriffic Image Gallery with jQuery

We will create a bubbly image gallery that shows your images in a unique way. The idea is to show the thumbnails of albums in a rounded fashion allowing the user to scroll them automatically by moving the mouse.

Clicking on a thumbnail will zoom in a big circle and the full image which will be automatically resized to fit into the screen. Navigating through the images will slide the current image to the side and make the new one appear in a zoom like fashion.

Read more "Bubbleriffic Image Gallery with jQuery"

Creating a Modern Gallery with Raphael

First of all, check out Raphael website and read the documentation. In this tutorial we will use just a little part of this what Raphael offer.

Read more "Creating a Modern Gallery with Raphael"