Animated Portfolio Gallery with jQuery

Tutorial by codrops: create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio item. The image can be enlarged by clicking on it, making it appear as an overlay.

Hash-Slider – This jquery slider

simple jquery hash-slider

This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content / position of the slider. I was searching for a script like this for a while but didn’t find one and so a decided to make one myself.

Demo, Details & Download: http://mgoys.com/lab/hashslider/

Supersized – Full Screen Background/Slideshow jQuery Plugin

Features

So, what exactly does Supersized do?

• Resizes images to fill browser while maintaining image dimension ratio
• Cycles Images/backgrounds via slideshow with transitions and preloading
• Navigation controls allow for pause/play and forward/back

Choco-Slider- a very tasty jQuery Plugin

Choco-Slider is a lightweight (~7kb) and flexible jQuery image slider plugin .

Features:

• Lightweight
• Flexible
• Customizable
• Released under MIT license
• Compatible with Firefox 2 +, IE 6 +, Google Chrome 3 + and Opera 9 +

Smooth Div Scroll – a jQuery plugin

Smooth Div Scroll is a jQuery plugin that scrolls content horizontally left or right. Apart from many of the other scrolling plugins that have been written for jQuery, Smooth Div Scroll does not limit the scroling to distinct steps. As the name of the plugin hints, scrolling is smooth. There are no visible buttons or links since the scrolling is done using hotspots within the scrollable area or via autoscrolling. Unobtrusive and smooth is the key.

jQuery PhotoShoot Plugin

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.

A Zoomable jQuery Image Gallery Called jPhotoGrid

Nearly all of the styling for this plugin is done in css.  The trick is to layout the grid by floating the list items.  The first thing the plugin will then do, is convert these all to absolutely positioned.  This is what allows the plugin to zoom in on an individual image and then return it to its place.  Like authors interactive map plugin, this depends on the browsers ability to scale images.  In stylesheet, the images are set to width:100% and I simply animate the size of the container.

jflickrfeed – A jQuery Flickr Feed Plugin

This plug-in makes it easy to pull Flickr feeds and display them on your site. Below are some examples that can get you thinking about its possibilities.

ImageSwitch – switch between images

Easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.

CarouFredSel – infinite, circular jQuery carousel

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

The carouFredSel-plugin was built using the jQuery-library. It is licensed under the MIT-license.

Features

• Can scroll horizontal and vertical.
• Scrolls one or multiple items simultaneously.
• Scrolls automatically and/or by user interaction. With optional custom settings.
• Dynamically add and remove items to/from the carousel.
• Support for variable item-width and -height.
• Built in keyboard-navigation and pagination.
• Compatible with most popular (jQuery) lightbox-plugins.
• Intelligent custom events and loads of options.