jQuery Plugins

jQuery Gallery Plugins

Cool CSS Loading Effects for Grid Images

Looper js

TutsMix has shared with us some cool CSS loading effects for grid images. You can use them on your portfolio, blog, or anywhere you want. The setup is quite simple. We use Normalize.css as an alternative to the traditional CSS reset, ZURB Foundation to create a responsive grid, Masonry to create a dynamic grid layout, imagesLoaded to check if the images have been loaded, and Infinite Scroll by Paul Irish to load more images and append them to the gallery.

Read More       Demo

Products side by side Comparison using jQuery

Looper js

This jQuery plugin helps users to select products for comparison. Where user needs to click on products to add them for comparison. It also contains preview panel of selected products for comparison.

Read More       Demo

Lightgallery.js : JavaScript Lightbox Gallery

Looper js

Lightgallery.js is a full featured JavaScript lightbox gallery. No dependencies.

  • Fully responsive.
  • Modular architecture with built in plugins.
  • Touch support for mobile devices.
  • Mouse drag supports for desktops.
  • Double-click/Double-tap to see actual size of the image.
  • Animated thumbnails.
  • Social media sharing.
  • YouTube, Vimeo, Dailymotion, VK and HTML5 video support.
  • 20+ Hardware-Accelerated CSS3 transitions.
  • Full screen support.
  • Supports zoom.

Read More       Demo

Images Grid jQuery Plugin

Looper js

Images grid jQuery plugin.Display first 6 images in grid view.Rest of images can be viewed in modal box.

Read More       Demo

jQuery Clouds Album Plugin

Looper js

This is an open source-based JavaScript library jQuery Image Gallery script plugins. Code syntax in full compliance with W3C web standards, is fully compatible with all major browsers. This plug-in is mainly used for image display, it can be extended to the album.

Read More       Demo

Item Reveal Animations with SVG

Looper js

An experiment where grid items get revealed and unrevealed with animated, morphing SVG paths using anime.js.

Read More       Demo

Mp-Mansory.js : jQuery Mansory Gallery using Bootstrap

Looper js

jQuery plugin to create mansory galleries using bootstrap grid-system.

Read More       Demo

Isometric and 3D Grids with CSS3

Looper js

In our first experiment we created a scrollable grid just like the one seen on that site, with some hover effects that involve random rotations. The second demo shows some ideas for "static" grids that are not scrollable but that serve more kind of a decorative purpose.

Read More       Demo

jQuery Facebook Fans Page Albums

Looper js

Feed & browser your facebook fan page album photos.

Read More       Demo

FABA : Facebook Albums And Photos Gallery

Looper js

FABA is responsive facebook albums and photos gallery jquery plugin that will load all the albums and photos from selected Facebook Page. It has very little HTML markup which you can copy-paste into your project. jQuery will do the rest. You can have beautifully organized gallery on your webpage or project.

Read More       Demo

Instagram Element : Instagram Plugin for jQuery

Looper js

Instagram Element is a premium Instagram plugin for bloggers, photographers, models, and anyone looking to increase their presence on Instagram. Based off the popular Instagram Journal plugin, this jQuery plugin version allows you to easily manage 50+ flexible options and create the perfect display with just a few clicks.

Read More       Demo

xGallerify : A jQuery Responsive & Smart Gallery

Looper js

A lightweight, responsive, smart gallery based on jQuery.

Read More       Demo

Filterizr : jQuery Stunning Filterable Gallery

Looper js

Filterizr is a jQuery plugin that sorts, shuffles and applies stunning filters over responsive galleries using CSS3 transitions.

Read More       Demo

Sliding Panels Template with CSS & jQuery

Looper js

A simple portfolio template, with project preview images that slide out to reveal the selected project.

Read More       Demo

snapGallery.js : jQuery Responsive Galleries

Looper js

snapGallery is a super-simple jQuery plugin that converts your unordered, haphazard, differently sized images into a beautiful gallery.

Read More       Demo

Viewer.js : JavaScript Image Viewer

Looper js

Viewer.js is a javascript image viewer.

Read More       Demo

Moon Mega Grid plus Grand Pack

Looper js

Create your unique artistic spectacular gallery for your photos with variety of beautiful animated hover effects, using templates and examples, color schemes, svg and canvas photo filters and other tools!

Read More       Demo

ImageViewer : jQuery Zooming and Panning Plugin

Looper js

A zooming and panning plugin inspired by google photos for your web images.

Read More       Demo

Viewer : jQuery Image Viewing Plugin

Looper js

Viewer is a simple jQuery image viewing plugin.

Read More       Demo

Ultimate Grid Pro with HTML5 & JavaScript

Looper js

Ultimate Grid Pro is indeed the ultimate responsive multimedia grid builder packed with an insane set of features that allows to create unlimited, filterable / sortable multimedia portfolios, product swhowcase, image galleries with unlimited possibilities. It includes five grid types with vertical or horizontal layout variation (dynamic, classic, masonary, flexible and infinite) that allow to display various multimedia content in a highly customizable way. It runs on all major browsers with support for older browsers like IE8 and mobile devices like iPhone, iPad, IOS, Android or Windows mobile.

Read More       Demo

Material Photo Gallery

Looper js

A vanilla javascript photo gallery plugin inspired by Google Photos.

Read More       Demo

Eagle Gallery:jQuery responsive, Touch, Zoom, Gallery

Looper js

Eagle Gallery this is modern gallery with image zoom functionality. To manage the gallery you can use gestures or control buttons. This is a fully responsive gallery which has support touch screen and was created for mobile devices, laptops and desktops. With this gallery you can easily create a product gallery on your internet shop for detailed view and customize it with help of options

Read More       Demo

CSS-Gallery : Data-bound Photo Gallery in pure CSS

Looper js

An interactive, data-bound photo gallery in pure CSS.CSS-Gallery demonstrates the true power of CSS and LESS. This is a fully interactive photo gallery, built entirely in CSS and LESS, with no Javascript anywhere.

  • Use the hamburger menu to filter photos by category
  • Use the view icons on the upper right to switch between thumbnail and list views
  • Click a photo to open a scaled lightbox showing a larger view
  • Click the arrows on the sides of the lightbox to switch photos directly.

Read More       Demo

Chewing-Grid : CSS Grid ideal for Card Listing Design

Looper js

ChewingGrid is a CSS grid for card listing design, like videos, tiles, or article lists. It doesnâ??t require media queries, but it adjusts based on the maximum number of columns, and minimum and maximum card width.

Read More       Demo

Instagram jQuery Gallery Widget : InstaShow

Looper js

jQuery Instagram Gallery Widget allows creating marvelous grids of Instagram photos and sharing them in gorgeous galleries.Unleash the full power of an outstanding tool for displaying images from any public profile or any possible hashtag.

Read More       Demo

Effect Ideas for Card Stacks with CSS3

Looper js

Today weâ??d like to share some inspiration for card effects with you. The idea is to animate the top element of a stack by clicking on an accept or reject button. Weâ??ve used this Tinder-like example to show some symmetric and complementing pairs of effects, but these kind of animations can fit into many scenarios involving all kinds of card stacks that donâ??t necessarily have a dual logic.

Read More       Demo

Dribbbox : JavaScript Library for Dribbble portfolio

Looper js

Dribbbox is a javascript library for dribbble portfolio.Dribbbox displays your work in a clean, easy-to-browse gallery, avoiding the noise of Dribbbleâ??s comments, rebounds, ads, â?? Itâ??s your portfolio, not your social network profile.

Read More       Demo

Project Cards Template in CSS & jQuery

Looper js

A portfolio template with expandable projects and a full-page navigation inspired by Primer app.

Read More       Demo

Minigrid : Cascading Grid Layout

Looper js

Minigrid is a minimal 2kb zero dependency cascading grid layout. Itâ??s responsive and can be animated.

Read More       Demo

Pinterest API Widget â?? Responsive jQuery Plugin

Looper js

Pinterest API Widget allows adding pins to your website very fast, using Pinterestâ??s API for retrieving user pins and pins from a userâ??s specific board.

Read More       Demo

Responsive jQuery Pop Up Gallery

Looper js

In this tutorial you will lean how to create a an awesome popup gallery. Each gallery will have a small preview animation. This tutorial will provide you with five different popup galleries.

Read More       Demo

Portfilter : jQuery Portfolio Filter for Bootstrap

Looper js

Portfilter is a very lightweight portfolio filter for Bootstrap.

Read More       Demo

ImageStax : Scattered Stacked Image Gallery

Looper js

ImageStax is a jQuery plugin to create stack/pile/scatter photos or images and shuffle on rotate.

Read More       Demo

Gridex : Expandable Grid for Twitter Bootstrap

Looper js

Gridex is a expandable grid for twitter bootstrap.

Read More       Demo

jQuery Sortable Photos

Looper js

jQuery Sortable Photos is a jQuery UI plugin that can display photos in a responsive, sortable grid.

Read More       Demo

InstaMax : Instagram Photo Gallery on your Website

Looper js

Instamax is a jQuery plugin used to display your complete Instagram Portfolio â?? photos, videos, comments, hashtags etc. on your website!

Read More       Demo

Squeezebox Portfolio Template in CSS & jQuery

Looper js

An intro block that slides out to uncover a gallery of portfolio items.

Read More       Demo

jQuery lightgallery : Responsive Lightbox Gallery Plugin

Looper js

A lightweight, customizable, modular, responsive, lightbox gallery plugin for jQuery.

Read More       Demo

jstiles : jQuery Animated Tiles Plugin

Looper js

This is a jQuery plugin that works alongside with Bootstrap and helps you create beautiful tiles.

Read More       Demo

Quick Add To Cart in CSS & jQuery

Looper js

A handy snippet to let users customize a product directly from the products gallery, and add it to the cart.

Read More       Demo

Paver : jQuery Panorama/Image Viewer Plugin

Looper js

Replicating the photo viewer/panner seen on the experimental Facebook Pages app, Paver is a jQuery-powered plugin that enables easy viewing of wide/panoramic images.

Read More       Demo

CSS Scroll Snap Galleries

Looper js

Scroll snapping is used widely for a better separation of the provided content (vertical full height pages) or, for example, to emulate galleries behavior.Can you imagine how easy would be creating such effects using CSS only?

Read More       Demo

jQuery Smooth Gallery

Looper js

A 3KB script to generate a slick paginated gallery & lightbox viewer. Oh, and itâ??s fully responsive.

Read More       Demo

jQuery XML Product Showcase & Quote Cart

Looper js

JQuery XML Product Showcase & Quote Cart is solutions for those who needs to display products & and get a request for Quote by their customers its powered by jQuery, XML & Bootstrap. Using this product you can list unlimited categories & its products, where buyers can request a quote for those products. One can use this product very easily as customer just need to click on Add for Quote button products goes in cart &anp; then they can submit request for the same, You will get an email with request details. So you can resopond to it.

Read More       Demo

OverBox : jQuery Responsive Touch Enabled LightBox Plugin

Looper js

OverBox is a Responsive and Touch Enabled jQuery plugin that helps you present your content in a modern and fresh way giving your customers an amazing viewing experience.

Read More       Demo

Zoomwall.js : Content-focused Photo Gallery

Looper js

Zoomwall.js is a content-focused photo gallery using a horizontal masonry layout that scales up in lightbox mode.

Read More       Demo

Instaphotos : Instagram user feed with jQuery & PHP

Looper js

Display Instagram user feed with PHP, jQuery and Handlebars Template.

Read More       Demo

PolyClip : jQuery plugin to Mask Images

Looper js

A jQuery plugin to mask images with a simple polygonal shape.The mask expands on hover and collapses afterwards.

Read More       Demo

Pinto : jQuery Grid Layout Plugin

Looper js

Pinto.js is a lightweight and customizable jQuery plugin for creating pinterest like responsive grid layout. Pinto.js is intended for easy use and is fully deployable within minutes. The minified version is under 1KB.

Read More       Demo

superRetroid : jQuery Retro Video Game Galleries

Looper js

Youâ??re most likely looking for something specific â?? not a generic plugin that will bend to your needs. CodeDroid12 plugins are not all-in-one or multipurpose. Theyâ??re built to serve one specific task well â?? and usually with a quick Copy & Paste approach.

Read More       Demo

instafetch : jQuery Fetch Instagram media Plugin

Looper js

Instafetch fetches media from Instagram based on (and only on) the user and/or tag, relying on the Instagram API.

Read More       Demo

Stackgrid.js : jQuery plugin for Stacking Stuff

Looper js

A very simple and highly customizable jQuery plugin for stacking stuff.

Read More       Demo

3D Folding Panel with CSS3 & jQuery

Looper js

A secondary content panel that folds flat, powered by CSS Transformations and jQuery.

Read More       Demo

fbPhotoStream : jQuery plugin to pull Facebook Photos

Looper js

fbPhotoStream is a simple, light-weight jQuery plugin that allows you to display Facebook photos from a public album. Just set the album id, and the rest is optional.

Read More       Demo

Facebook Album Browser with jQuery

Looper js

Reponsive jQuery plugin for browsing public albums of a Facebook account. Plugin is suitable for both desktop and mobile websites.

Read More       Demo

Eco-Scroll.js : jQuery Scroll plugin

Looper js

Eco-friendly jQuery scroll plugin with inifinite possibilities.

Read More       Demo

jQuery Nice Gallery â?? Flickr

Looper js

jQuery Nice Gallery plugin for Flickr. Today, we present you unique script of Gallery â?? if you have photos on Flickr then probably the plugin will be good choose for you. The script is compatible with new Flickr API that gives 1 TB disc space for your photos, so this is fantastic place to sharing your passion or portfolio. The gallery have built-in pretty LightBox â?? new version of ViewBox â?? it has high spectrum of possibilities. All components have Flat style which gives a nice and original look. The amazing jQuery Plugin is for free.

Read More       Demo

Flow Gallery : jQuery HTML5 Multimedia Gallery

Looper js

Flow Gallery is a jQuery plugin based HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a modern and sleek interface. You have the option of presenting your items in in either columns or rows type grid. Along with photos you can choose to display your own self-hosted audio/video files or videos from Youtube/Vimeo/Dailymotion. The gallery features a fully responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. The gallery is also optimized for retina and touch screens and provides the feel of a native app.

Read More       Demo

jMosaic : jQuery Plugin for align elements in Mosaic Grid

Looper js

A lightweight jQuery plugin that can take a list of page elements and arrange them in a beautiful, tight-fitted tile mosaic grid.

Read More       Demo

jQuery Rotated Gallery with CSS3

Looper js

Today i will teach you how to create a tilted gallery using jQuery and using the CSS3 transform property. Each gallery features controls and popup for each picture. This tutorial is best suited for portfolio galleries or for creating a professional photo gallery. This tutorial is made so that it will work with unlimited number of sliders, photos and on any screen size.

Read More       Demo

Filtered image gallery with Fancybox & jQuery

Looper js

Create a Fancybox image gallery that can be filtered by different categories using jQuery and Fancybox.

Read More       Demo

jQuery My Instagram Gallery

Looper js

Create your own instagram gallery on your website with this plugin.

Read More       Demo

Layouter : jQuery Portfolio in Awesome Layouts

Looper js

Want an awesome layout for your posts, or your portfolio items or your vacation pictures ? This is the plugin for you.Create unlimited layouts with the builder integrated.

Read More       Demo

Lunar : jQuery Photography Portfolio

Looper js

Lunar â?? Photography Portfolio, a very clean and simple jQuery Plugin that helps you build beautiful photo albums. Some of the pluginâ??s strong points are: fully responsive grid, high performance, modern look & feel, clean and spacious design.

Read More       Demo

jQuery Youtube Channels Playlist

Looper js

jQuery youtube channels playlist has a following features:

Read More       Demo

Circlr : Animation Rotation via Scroll, Mouse and Touch events

Looper js

Animation rotation via scroll, mouse and touch events.

Read More       Demo

3D Curtain Template with CSS3 & jQuery

Looper js

A list of split blocks that reunite on scrolling, simulating a movement along the z-axis with the help of CSS transformations and jQuery.

Read More       Demo

Unite Gallery : Responsive jQuery Gallery Plugin

Looper js

The Unite Gallery is multipurpose javascript gallery based on jquery library. Itâ??s built with a modular technique with a lot of accent of ease of use and customization. Itâ??s very easy to customize the gallery, changing itâ??s skin via css, and even writing your own theme.

Read More       Demo

WM Gridfolio : jQuery Plugin for Content Gallery style Portfolio

Looper js

The Plugin WM Gridfolio is a jQuery plugin for displaying content in the portfolio style .

Read More       Demo

donkeyGallery : jQuery Asynchronous Dynamic gallery with PHP

Looper js

donkeyGallery is a simple ajax/php pack to realize dynamical galleries with asynchronous loading.This plugin is ready to use, and itâ??s very simple to install and initialize. You can use it to generate infinite galleries on the same site or page. This pack include also Fancybox and Easy Paginate plugins

Read More       Demo

jQuery Image Gallery Slideshow with MousePan

Looper js

Multimedia gallery with image mouse pan and touch pan for touch supported devices, video (local, youtube, vimeo) and audio players with Flash backups for older browsers.

Read More       Demo

Justified.js : jQuery Plugin to create Justified Image Gallery

Looper js

Justified.js is a jQuery plugin that creates a justified image grid of supplied images. Fill all the spaces! This ineffect creates a elegant image gallery with various sizes of images, where all the images of a row to have the same height.

Read More       Demo

Flickrush : jQuery plugin to display Flickr photo Streams

Looper js

Flickrush is a jQuery plugin designed to make it quick and easy to add your flickr photo stream to any web page with minimal effort. Fully customisable you can choose the number of photos, randomise the ordering and style to fit in with any blog or web page.

Read More       Demo

flexImages : jQuery Fluid Galleries Plugin

Looper js

A lightweight jQuery plugin for creating fluid galleries as seen on Flickr and Google Images.

Read More       Demo

jQuery Slide Gallery

Looper js

Welcome in the modern browser your pictures and videos. I worked on the project two weeks for create it. I have the pleasure to present you the effect of my work which is the complex jQuery Gallery script for Images and Videos. The script is easy to use.

Read More       Demo

Strip : A Less Intrusive Responsive Lightbox

Looper js

Strip is a Lightbox that only partially covers the page. This is less intrusive and leaves room to interact with the page on larger screens while giving smaller mobile devices the classic Lightbox experience.

Read More       Demo

PgwSlideshow : jQuery Slideshow Carousel Gallery Plugin

Looper js

PgwSlideshow Responsive slideshow / gallery / carousel for jQuery / Zepto.

Read More       Demo

Collections : Drag and Drop jQuery collection Add-on

Looper js

Drag and Drop jquery collection add-on for ecommerce site.

Read More       Demo

3D Items Quick View with jQuery & CSS3

Looper js

A simple 3D animation for your gallery items, to make it easy for users to discover more about your products without having to leave the page with jQuery and CSS3.

Read More       Demo

Smart Grid Gallery jQuery WordPress Plugin

Looper js

Turn native WordPress Gallery into Dynamic Grig Gallery with different lightboxes, hover effects and many other options. â??Smart Grid Galleryâ?Ł is responsive and touch friendly.

Read More       Demo

Magnetize : jQuery Responsive 3D Parallax Gallery

Looper js

Unique 3D gallery with responsive layout, touch navigation and extensive use of CSS3 animation.

Read More       Demo

jQuery Flickr Photoset with Bootstrap

Looper js

jQuery plugin for generating photoset gallery using Bootstrap and Bootstrap Image Gallery.

Read More       Demo

Polaroid.js : jQuery Plugin to create Polaroid Images

Looper js

jQuery plugin to create some old school polaroid images.

Read More       Demo

jQuery Portfolio : jQuery plugin for a slick and modern portfolio

Looper js

This jQuery plugin helps you display and organize your portfolio pieces in a slick & responsive fashion. Easy to set up and get going.

Read More       Demo

jQuery Museum : A zero-clutter jQuery Image Gallery

Looper js

A zero-clutter jQuery image gallery lightbox that works well on desktop & mobile. Single file. No animations or styling.

Read More       Demo

jQuery responsive Bootstrap Gallery

Looper js

A small, light, responsive Bootstrap Gallery with jQuery.

Read More       Demo

jQuery Shuffle Images Plugin

Looper js

Shuffle Images let you display and shuffle multiple images by moving cursor around or several other ways to trigger.This plugin is perfect for when you want to save space while allowing users to take a peak at what other images are related to the one displayed. It can also be used to create an interactive animation on multiple static images at once.

Read More       Demo

litebox : Lightbox/Modal window Plugin

Looper js

A versatile, auto detecting content, lightbox/modal window for use with images, embedded content (YouTube, Vimeo, Daily Motion and KickStarter), iframes and inline html.

Read More       Demo

Recreating the â??Design Samsungâ?Ł Grid Loading Effect

Looper js

A tutorial on how to achieve the grid loading effect seen on the â??Design Samsungâ?Ł site. The effect will show a colored element sliding in first and then sliding out again, revealing the image.

Read More       Demo

picoSlides : jQuery Plugin for SlideShare Presentations

Looper js

picoSlides is a jQuery plugin for directly embedding SlideShare presentations without using IFRAMEs. It leverages SlideShareâ??s oEmbed API to offer a responsive interface that enables optimal use of bandwidth and simple slide navigation.

Read More       Demo

Grid Accordion â?? Responsive jQuery WordPress Plugin

Looper js

Grid Accordion is a fully responsive and touch-enabled WordPress plugin that combines the functionality of a grid with that of an accordion, offering a modern and engaging user experience.

Read More       Demo

jQuery Hover Grid Plugin

Looper js

A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption.

Read More       Demo

jQuery Instagram Infinite Scroll

Looper js

A single page Instagram Infinite Scroll app built using Ractive.js, jQuery, and Pure CSS.

Read More       Demo

BrickWork : jQuery Plugin to Create Dynamic layouts

Looper js

BrickWork is a reponsive jQuery plugin to create Dynamic layouts. The main goal is to create the best and most customizable dynamic layouts plugins.

Read More       Demo

Magnet â?? jQuery plugin for filterable layouts

Looper js

Magnet is a jQuery plugin to create filterable layouts. Developed to be as simple as possible, Magnet is easy to initialize and to set up. All completed with extensive documentation with code snippets and examples.

Read More       Demo

Justified Gallery : jQuery Plugin

Looper js

This is a JQuery plugin that allows you to create an high quality justified gallery of images. Fill all the spaces! A common problem, for people who create sites, is to create an elegant image gallery that manages the various sizes of images. Flickr and Google+ manage this situation in an excellent way, the purpose of this plugin is to give you the power of these solutions, with a new fast algorithm.

Read More       Demo

Photopile : jQuery Image Gallery

Looper js

Photopile is a simple javascript/jQuery image gallery simulating a pile of photographs scattered on a surface.

Read More       Demo

jQuery JustifyGallery Plugin

Looper js

A jQuery plugin to justify your Gallery.

Read More       Demo

jQuery Portfolio Gallery Tree

Looper js

Itâ??s a gallery tree plugin that means every gallery can have one or more sub galleries. Itâ??s perfectly suitable for portfolio gallery. Itâ??s fully responsive and also usable for other purposes like navigation, galleries etc.

Read More       Demo

MixItUp 2 : jQuery Animated Filtering & Sorting Plugin

Looper js

MixItUp is a jQuery plugin providing animated filtering and sorting.

Read More       Demo

MagicWall : jQuery Responsive Image Grid Plugin

Looper js

MagicWall is a jQuery plugin for creating an image grid that cycles through a set of images using attractive animations at a specific time interval. You can use this plugin to create a decorative element of your website, display your work or simply use it as a nice animated background. MagicWall plugin converts a list of images into a grid with defined number of rows and columns. The remaining images will appear with different animations and delays.

Read More       Demo

bootFolio â?? jQuery Most Lightweight Portfolio Filtering

Looper js

bootFolio is the most lightweight (1.59KB) portfolio filtering jQuery script with css3 animation. it is highly optimize for bootstrap, and very easy to use.

  • World most lightweight script for portfolio filtering (1.59KB)
  • Pure CSS3 transition, transform and animation
  • PrettyPhoto integrations
  • Very easy to use
  • Highly optimize for/with Bootstrap
  • Responsive/fluid/elastic supported

Read More       Demo

Google Grid Gallery with CSS3 & JavaScript

Looper js

A responsive Masonry grid with a gallery view using 3D Transforms. Based on the gallery seen on the Chromebook Getting Started guide by Google.

Read More       Demo

500px Gallery â?? jQuery WordPress plugin

Looper js

Display easily your photos from 500px on your website with this simple to use and responsive plugin for WordPress. Display your photos from 500px or a selection of photo streams from 500px ( popular photos, fresh photosâ?? ) with the power of the 500px API ( 500px API key required ). Display your photos in your sidebar, with a widget or in your posts/pages with an easy to use shortcodes generator.

  • Easy to use shortcode generator
  • Display All your photos with integration of a loadMore button
  • Display multiple 500px photo streams:
    • User: photos, Favorites photos,Friends photos,Friends List,Followers List
    • 500px: Popular photos,Upcoming photos,Editorsâ?? choice photos,photos in Fresh today,photos in Fresh yesterday,photos in Fresh week,Tag
  • Sort photos by time of upload, original date, rating, favorites count etcâ??
  • Filter images by category
  • Filter 500px photo stream with a custom tag
  • Display your gallery with multiple layouts: images grid, carousel or slider
  • Customize appearance of your gallery: count, columns number, margin etcâ??
  • Easy to use widget with customizable layout: images grid or slider
  • Uses caching for faster page loading and reduce expensive 500px API-calls
  • Multiple image size in the image grid: square or auto-height
  • Lightbox integration
  • Two type of images captions
  • Create multiple galleries in the same post/page with different parameters
  • customize easily the color of the buttons ( loadMore, filters ) with a color picker
  • Fully responsive

Read More       Demo

FILo : Facebook Image Loader jQuery Plugin

Looper js

FILo is a lightweight and free plugin for the JavaScript framework jQuery for embedding pictures from your facebook site into your own website without writing one line of JavaScript-code.

Read More       Demo

RowGrid.js : jQuery plugin for placing Items in straight rows

Looper js

rowGrid.js is a small, lightweight (~800 bytes gzipped) jQuery plugin for placing images (or other items) in straight rows.RowGrid.js justifies the items in straight rows so that the width of the rows equals the width of the container/parent element. At first rowGrid.js adjusts the margin between the items. If this is not enough rowGrid.js scales down the items.

  • responisve
  • infinite scrolling

Read More       Demo

50mm : Full Screen Portfolio jQuery WordPress Plugin

Looper js

50mm Portfolio, a WordPress plugin that shows your portfolio in an interactive way. You can display portfolio by category, choose if single is FULL SCREEN or regular. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.

  • Fully responsive
  • Video support
  • SoundCloud support
  • Custom link support
  • Unlimited colors
  • Smart hover color
  • Initial load number
  • Max Load more number
  • Easy drag and drop admin
  • Custom CSS support
  • Activate/Deactivate FULL SCREEN single page

Read More       Demo

jQuery responsive gallery and lightbox â?? jrGal

Looper js

jQuery responsive gallery and lightbox â?? (jrGal).This script allows you to embed a slick responsive gallery into your website page or mobile app. Its easy to setup and works smoothly.

Read More       Demo

DYSANIA â?? jQuery Responsive WordPress Grid Gallery Plugin

Looper js

  • Fully Responsive Layout
  • Valid HTML5 â?? CSS3 â?? Jquery
  • Unlimited Galleries and Filters: Unlimited gallery and filter menu can be added to any post or page
  • Easy to use, user friendly admin panel
  • Highly customizable! All colors, fonts, alignments, icons, hover animations can be changed from plugin settings
  • Photo,video and link gallery item types are available
  • 6 different colorbox style
  • 1,2,3,4,5 column layout options
  • Fits all themes
  • Grid combination
  • 4 different thumbnail resolution option
  • Gallery shortcode generator
  • Custom widget
  • And much moreâ??

Read More       Demo

Responsive HTML5 gallery tutorial with CSS3

Looper js

Responsive HTML5 image gallery tutorial. CSS3 acceleration.

  • Responsivity: adjust layout and behaviour
  • Touch event handling
  • Fastclicks without 300ms click delay
  • CSS3 accelerations
  • SPA architecture
  • Scalable graphics via icon font
  • Client side local storage

Read More       Demo

ZoomScript â?? Touch-Enabled jQuery Image Gallery

Looper js

ZoomScript allows you to view your web gallery on any mobile device as in native photo app. You can browse photos by swiping your finger on the touchscreen. It works in both modes portrait and landscape. We have also added an extra thumbnail bar which will show after tap on the screen.

  • Touch control
  • Responsive
  • Gestures, mousewheel, arrow keys
  • Cross browser compatibility
  • Direct image linking
  • Smart image preloading
  • I18N support

Read More       Demo

Metro â?? jQuery WordPress Grid Portfolio

Looper js

METRO â?? WordPress Grid Portfolio, a WordPress Plugin that shows your portfolio in an interactive way. You can display a single gallery, all galleries within a category and all galleries from multiple categories. Additionally, the plugin supports: Custom image size (percent), Custom link, Video, SoundCloud, Metro UI item, Unlimited colors and much more.

  • Fully responsive
  • Load more (unlimited items)
  • Video support
  • SoundCloud support
  • Custom link
  • Metro Item
  • Unlimited colors
  • Smart hover color
  • Initial load number
  • Max Load more number
  • Easy drag and drop admin
  • Filterable portfolio
  • Display: One gallery, One Category, Multiple categories
  • Key navigation for the lightbox (Left/Right arrow and Esc)

Read More       Demo

least.js : jQuery, HTML 5 & CSS3 Gallery with LazyLoad

Looper js

least.js is a Random and Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad.

Read More       Demo

Klax â?? jQuery Responsive Team, Portfolio, Products Grid

Looper js

Display your work, team members, portfolio or anything else in an amazing and creative way. Klax is a multi-functional jQuery plugin that displays your content within the web page and offers everything that you will ever need to present your items to a client. You can set the number of items that display on a page and create your own design with this team member, portfolio JS plugin.

Read More       Demo

Build a Responsive, Filterable Portfolio, with CSS3 Twists

Looper js

The inherent visual appeal of filterable portfolios (like the Tuts+ hub) has made them very popular. Today, weâ??ll be making one using straight-forward markup, CSS3 and a little bit of jQuery.

Read More       Demo

Colio : jQuery Portfolio Content Expander Plugin

Looper js

Colio plugin will help you display details about your portfolio items in form of expandable viewport that can be placed above, below or inside your portfolio grid. This is great plugin for one-page and multipage sites, where you have to use space efficiently.

  • Responsive
  • Mobile optimized
  • Includes black and white theme
  • Different placement options & dynamic inside placement
  • Inline or AJAX content
  • Content filters and callbacks
  • Easy integration in existing portfolio
  • Compatible with isotope and quicksand plugins
  • Autoscroll to view
  • Retina-ready navigation
  • Valid markup
  • JSHint compliant code

Read More       Demo

WordPress Awesome Gallery with jQuery

Looper js

Lots of galleries are available for WordPress, but Awesome Gallery is special. First of all, it supports 3 layout modes:

  • Top priority â?? easy to use admin interface. No tech skills and rocket science required, just follow step by step instructions.
  • 3 layout modes â?? horizontal flow, vertical flow and classic grid.
  • 7 image sources. All most popular services included and counting
  • 10 style presets
  • Custom styling support
  • Load more / Infinite scroll support + easily handles hundreds of images.
  • Built-in lightbox
  • Unique builtin support
  • Responsive and Retina-ready

Read More       Demo

jQuery Flipping Gallery

Looper js

Flipping Gallery let you create a simple but beautiful 3D flipping gallery using minimal HTML markups and one JS call.Modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones have been tested.

Read More       Demo

Portfoliojs : jQuery plugin to showcase your Portfolio

Looper js

Portfoliojs is a lightweight jQuery gallery plugin for your beautiful images with horizontal scrolling which supports desktop, tablet and mobile browsers.

Read More       Demo

Socio Motion : jQuery Photo Face Wall

Looper js

A first of its kind plugin to create a dynamic and responsive photo thumbnail wall out of your Facebook friends. Share content with friends just on a click of a tile. Use tons of animation effects to switch between tiles. Configure the number of rows, columns, width, height and everything else you like. The plugin is built 100% using jQuery & love and works everywhere.

Read More       Demo

Smoothproducts : jQuery Product Viewer Script

Looper js

A simple, lightweight and responsive product image viewer using jQuery.

Read More       Demo

Balanced Gallery : A balanced photo gallery plugin for jQuery

Looper js

Balanced Gallery is a jQuery plugin that evenly distributes photos across rows or columns, making the most of the space provided. Photos are scaled based on the size of the â??containerâ?? element by default, making Balanced Gallery a great choice for responsive websites.

Read More       Demo

Galereya : Easily customizable jQuery gallery with a masonry layout

Looper js

Responsive, easily customizable jquery gallery with a masonry layout. Almost all animation and effects are based on CSS features.Works on Chrome, Safari, Firefox, Opera(turned off some CSS animations), IE7+(Graceful degradation), Android browser, Chrome mobile, Firefox mobile, Safari on iOS and etc. Galereya effects and browser compatibility depends on your custom CSS styles a lot!

Read More       Demo

InstaStream : jQuery plugin to stream pictures from Instagram

Looper js

Instastream is a simple jQuery plugin to stream pictures from Instagram.Before to go further be sure you have an Instagram account and an Instagram API Key.You can choose how many pictures you want by slide. CSS cover 1,2,3 and 4 results, feel free to add new styles if you want more results by slide.

Read More       Demo

Puzzllerry : Interactive jQuery gallery plugin

Looper js

Puzzllerry is plugin that allows you to create interactive gallery/portfolio/menu or any element with listed items. It has extremly simple markup and requires only 1 line of js code to turn it on.It will make your website more attractive, it will gain some focus of your visitor as user may â??playâ?? with it.

Read More       Demo

jQuery Stretch Gallery with XML

Looper js

Stretch Gallery is a XML Canvas Gallery that allows you to create a nice portfolio gallery with some nice effects and customization settings.

Read More       Demo

nanoGALLERY : jQuery Image Gallery Plugin

Looper js

Image gallery for jQuery. Powerful and easy to use image gallery with support for pulling in Flickr and Picasa/Google+ photo albums as well. Mobile-friendly and responsive. Smooth in/out transitions. Images are shown as clickable thumbnails, which will expand to full view via a modal popup window. Support custom themes.

Read More       Demo

Shuffle.js : jQuery Shuffle Plugin

Looper js

The Shuffle.js plugin that helps in categorizing, sorting, and filtering a responsive grid of items and laying out a group of items. Besides other cool features its a performant, responsive, and fast plugin.

Read More       Demo

Albumize : jQuery plugin to manage Collection of Images

Looper js

Albumize is a jQuery plugin that lets you manage collection of images in the web page as albums. With albumize, you can browse albums, add cover image to albums and switch between albums.

Read More       Demo

jQuery FullScreen Background / Gallery â?? Image and Video

Looper js

This jQuery plugin can be used as Full Screen Multimedia Background, Full Screen Multimedia Gallery and Full Width Multimedia Slider with both Image and Video.

Read More       Demo

S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations

Looper js

S Gallery is a responsive jQuery gallery plugin with CSS3 animations.It is inspired from SONYâ??s products gallery which is made in Flash.The gallery is accessible by keyboard and you can navigate through the images via keyboard shortcuts.

Read More       Demo

Relocator.js : jQuery plugin to create Photo Gallery

Looper js

Relocator is lightweight jQuery plugin to create photo gallery. this plugin will make the different size images to fit with the specified canvas without â??size resizingâ?Ł.

Read More       Demo

PopCircle : jQuery Florid Customize Image Gallery Plugin

Looper js

Pop Circle is a Florid Jquery Plugin for Customize Image Gallery to turn the Html image element into a Pop Circle..

Read More       Demo

jQuery Fullscreen Scroll Gallery

Looper js

A jQuery plugin help you to display fullscreen images with auto delay slideshow support.

Read More       Demo

Shuffle : jQuery Categorize, sort, and filter a responsive grid of items

Looper js

jQuery Shuffle Plugin categorize, sort, and filter a responsive grid of items.

Read More       Demo

jQuery Horizontal Gridfolio Pro

Looper js

Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. Itâ??s perfect for presentations, for anyone that want to obtain a great impact on their visitors.

Read More       Demo

Horizontal Portfolio Layout with CSS3 Animations & jQuery

Looper js

In this tutorial today weâ??re going to create a horizontal portfolio layout with cool hover effects inspired. The website is made in Flash, so I thought it would be nice to recreate the flash hover effect of the portfolio items using CSS3 animations and transitions, and some jQuery to replicate the image pan effect on hover.

Read More       Demo

CollagePlus : jQuery image gallery plugin

Looper js

This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.

Read More       Demo

flipGallery : jQuery Powered Animated Photo Gallery

Looper js

flipGallery is a free and lightweight jQuery powered photo gallery with sleek flipping transitions between thumbnails and lightbox enlargements. Other features include dynamic image streaming, auto pagination, auto cropping and transparent image overlay. It only takes a few minutes to set-up and the layout, speed, co-ordination and text can easily be modified in the settings.

Read More       Demo

jQuery Product Filtering and Categorization

Looper js

Elegant way of product filtering and categorization. Easily editable json driven structure with smooth effects and visualisation.

Read More       Demo

least.js : jQuery Responsive HTML 5, CSS3 Gallery with LazyLoad

Looper js

least.js is ajQuery plugin for Random & Responsive HTML 5, CSS3 Gallery with LazyLoad.

Read More       Demo

HeapShot : jQuery Stack Image gallery plugin

Looper js

jQuery HeapShot plugin is an image gallery plugin with a stack effect.

Read More       Demo

jQuery Final Tiles Gallery

Looper js

FINALLY the best gallery for tiled layouts because it doesnâ??t crop your images while it still offers a complex layout, itâ??s not the same old boring layout made of columns or rows of same size.

Read More       Demo

jQuery Mosaic Flow : Pinterest like Responsive Image

Looper js

Pinterest like responsive image grid for jQuery that doesnâ??t suck.

Read More       Demo

jQuery Facebook Photo Selector

Looper js

A jQuery plugin to create a Facebook photo selector.This is an interface component that allows you to select a photo from your albums as if you were inside of Facebook. It mimics the â??Change your profile pictureâ?? dialogue, but allows you to customize it as you like.

Read More       Demo

MediaSlide : jQuery UI plugin to browse media items

Looper js

MediaSlide is a jQuery UI plugin that allows you to browse a collection of media items (currently just images, but videos will be supported soon).

Read More       Demo

Rondell : jQuery plugin for Displaying Images in a nice way

Looper js

This is a jQuery plugin for displaying galeries and other content the way you want.Checkout the different presets in the upper menu! Especially the Gallery and Thumbnails preset.

Read More       Demo

kGallery : jQuery thumbnail slideshow Gallery Plugin

Looper js

kGallery is a gallery written on JavaScript using jQuery library.Advantage of this gallery is ability to work stable with hundreds of pictures or with big pictures, without freezing brouser. This effect is achieved by retrieving the list of images from external source (JSON or XML) and downloading pictures gradually until slideshow is playing, not all in ones.

Read More       Demo

jQuery Photoset Grid

Looper js

A simple jQuery plugin to arrange images into a flexible grid, based on Tumblrâ??s photoset feature. Originally the plugin was created for our Style Hatch Tumblr themes as a way to use the photoset grid in responsive layouts, but we have since expanded it for use outside of the themes.

Read More       Demo

jQuery CSS3 App Showcase with Grid Overlay

Looper js

Today we will be creating a little app showcase with a neat effect in jQuery and CSS3. The idea is to show a mobile device with a screenshot of an app and when clicking on the device, a grid appears, showing some more screenshots. The effect is very subtle: the device moves back and the grid fades in and scales up. When clicking on another screenshot, the device image gets updated and the grid disappears again.

Read More       Demo

jQuery Real 3D Cloud Gallery/Tags/Menu

Looper js

Real 3d animated cloud gallery in jQuery with following features :

Read More       Demo

FbAlbumPreview jQuery Plugin

Looper js

Today I want to share with you a jQuery plugin that I made. This jQuery plugin will enable your users to preview your web albums instantly. My inspiration here is the Facebook albums, if you have a Facebook account (Iâ??m sure you have, haha!) and wanted to view the list of albums, you can experience this functionality:

Read More       Demo

flickrbomb : Rapid Prototyping with jQuery Plugin

Looper js

flickrBomb provides an easy way for you to fill your prototypes with relevant content, and not just those dull gray placeholder images.

Read More       Demo

Thumbnail Grid with Expanding Preview in jQuery & CSS

Looper js

A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images.If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. Itâ??s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a similar effect on a thumbnail grid. The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.

Read More       Demo

3D Image Gallery Room with jQuery & CSS3

Looper js

Today we want to share another 3D experiment with you: a gallery room in 3D. The idea is to create a realistic environment for an image exposition using CSS 3D transforms. Images are â??hangedâ?Ł along a wall which will have an end. Once the end of the wall is reached, a rotation will happen and weâ??ll be turned to the next wall whith more images. To give a real sensation of being in a room, we only have four walls and corners. Each image will have a little description tag with a small-sized font and when clicking on it, a larger version will appear from below.

Read More       Demo

Photobox: CSS3 image gallery jQuery plugin

Looper js

Photobox is a lightweight image gallery modal window script which uses CSS3 heavily for silky-smooth animations and transitions. The goal was to great an image gallery script that utilizes GPU rending instead is the 90% scripts out there which are using javascript to move things around the old fashioned way.

Read More       Demo

Live Album Previews with CSS3 and jQuery

Looper js

Today we are going to make a script for previewing the contents of an album with a slideshow-like animation. This can be used in photo galleries, online shops, profile pages and more. The example is inspired by Facebook, where you hover over an album and get a slideshow of some of the photos contained inside it.

Read More       Demo

GalleryView : Photo gallery jQuery plugins

Looper js

Photo gallery jQuery plugins are everywhere you turn. Not a week goes by without some web design blog featuring a list of jQuery galleries, carousels, sliders and slideshows. GalleryView is my attempt to write a single plugin capable of creating a wide variety of gallery types.

Read More       Demo

Simple jQuery fullscreen image gallery

Looper js

A fullscreen image gallery made with jQuery and CSS. The gallery features fullscreen images in various modes and custom thumbnail scrolling script.

Read More       Demo

jQuery Fullscreen Responsive Lightbox Gallery

Looper js

This is a beautiful Jquery Fullpage Lightbox Plug-in. Itâ??s great for photographers and perfect for any designer to showcase their work and it is very reliable. It works on modern browsers and it is easily managable. This Jquery is a full responsive gallery and it adjusts on all screens, even your smart phone! You can add DIV elements and adjust your dive using the CSS. It has a unique and new design to it with retro rectangles and stylish squares.

Read More       Demo

jQuery CSS3 Adaptive Thumbnail Pile Effect with Automatic Grouping

Looper js

An experimental jQuery plugin that will group thumbnails by a shared data-attribute into a pile. When clicking on the pile, the thumbnails that belong to that pile will be spread into a grid using CSS transitions.

Read More       Demo

HoverEx : jQuery image hover animation plugin

Looper js

HoverEx is a jQuery plugin for image hover animations.It contains over 36 animations and prepared 18 hover animation templates.It also support for image zoom and slider effect.You can use it to create unique animated effects effortlessly without any knowledge of jQuery.

Read More       Demo

Swish jQuery Zoom Hover Effect Plugin

Looper js

Todays freebie is a swish jQuery zoom hover effect plugin which you can use to add a great effect to things such as portfolio itemâ??s.With this plugin you can add a zoom style effect to your images on hover, also you can add an overlay to it (What you tend to see on a lot of themes with lightboxes). You can also adjust all the settings it comes with (refer to usage in the index.html header).

Read More       Demo

Baraja: A jQuery Plugin for Spreading Items in a Card-Like Fashion

Looper js

Baraja is an experimental and fun jQuery plugin that allows to move elements in a card-like fashion and spread them like one would spread a deck of cards on a table. It uses CSS transforms for rotating and translating the items. There are several options available that will create various spreading possibilities of the items, for example, moving the items laterally or rotating them in a fan-like way.

Read More       Demo

Gamma Gallery: A jQuery Responsive Image Gallery Experiment

Looper js

Gamma Gallery is an experimental responsive image gallery that attempts to provide an adjustable responsive images approach taking its grid layout and the full slideshow view into account.Gamma Gallery uses David David DeSandroâ??s Masonry in a fluid mode where column numbers are defined depending on the grid container sizes.

Read More       Demo

jQuery liffect effect for lists

Looper js

Liffect provide impressive effects on List items with jQuery and Css3.

Read More       Demo

jQuery Responsive Tile Gallery

Looper js

Responsive Tile Gallery is a completely responsive image gallery. It allows your visitors to easily sort and view all of your images. It also allows you to put your images into categories, load thumbnails instead of full resolution images, and develop a responsive websites for all platforms.

Read More       Demo

SpectragramJS : An Instagram API plugin for jQuery

Looper js

spectragram.js is a jQuery plugin using the Instagram API to fetch and display user, popular or tags photo feeds inside a list or any container you define.

Read More       Demo

The Wall : A Javascript plugin for Mootools

Looper js

The Wall is a plugin for Mootools javascript framework designed to create walls of infinite dimensions. Its flexibility allows different applications, from infinite wall mode to Coda slider mode. The Wall creates compatible interfaces with the newer browsers and iPhone and iPad mobile devices.

Read More       Demo

PFold: jQuery Paper-Like Unfolding Effect

Looper js

PFold is a very experimental jQuery plugin that makes it possible to open elements in a paper-like unfolding effect. An element can be unfolded in 3D in order to reveal some other content. The idea is to have several levels of folding, where each step of opening will double the element size, hence imitating a folded paper being opened.

Read More       Demo

Shuffling Tiles jQuery Plugin

Looper js

Inspired by the step by step movements of the shuffle dance and the new Metro UI look, Shuffling Tiles combines elements from both and then some, producing a versatile, animated and compact webpage widget. Use it when you have lotâ??s of information that you want to fit in a small area, and you want to present it in a lively, original and interactive way.

  • different animation speeds and types
  • tiles dimensions for width, height and padding
  • the grid layout, with a choice of upto 4 different styles, and whether the layout is fixed or responsive
  • the number of tiles, anything between 1 and 6

Read More       Demo

Product Colorizer jQuery Plugin

Looper js

productColorizer is a light-weight solution for users to quickly preview a product in different colors. The plugin uses only two images per product to create the effect and it is built on top of the robust and popular Javascript framework jQuery, providing you with an easy setup. The plugin works in all major browsers including IE7+ (will work with IE6 if you use a png fix).

Read More       Demo

Pretty Hover Effects with CSS and jQuery

Looper js

This article will show you how to create pretty hover effects for your images using jQuery and CSS. The plan is to use a clean mark up, adding the necessary elements on the fly. What this means is that we are starting from barebones image HTML tags, with title attributes only. This can come useful especially if you already have hundreds of images that you want to apply this effect on.

Read More       Demo

CoolCarousels : Showcasing 50+ cool jQuery carousel examples

Looper js

All carousels on this website are created for your inspiration, using only the jQuery-library and the jQuery.carouFredSel-plugin.They have been tested to work on FireFox and Chrome.

Read More       Demo

jQuery-Timing : Timing & Loops Made Easier

Looper js

Read More       Demo

JackBox : jQuery Responsive Lightbox

Looper js

JackBox is a Responsive Lightbox with Real Social Sharing.

  • Responsive / Mobile Ready
  • Retina Ready Graphics
  • Share any item through Twitter, Facebook, Pinterest and Google+
  • Deep-linking, every item has itâ??s own unique link
  • Touch Swipe for Mobile Devices
  • Genuine Fullscreen for Firefox and Chrome
  • Group any items together and create item categories
  • Youtube Video w/ Mobile Fallback
  • Vimeo Video w/ Mobile Fallback
  • Automatic Youtube and Vimeo thumbnail loading
  • HTML5 Video w/ Flash backup
  • HTML5 Audio w/ Flash backup
  • Flash Video w/ Mobile Backup
  • Load HTML Divs, iFrames and Google Maps
  • A boatload of Custom Thumbnail Hovers and Tooltips
  • CSS3 Preloader for smoother animation

Read More       Demo

Dopeless Rotate : jQuery Plugin for 360 degrees product view

Looper js

Dopeless Rotate is Jquery plugin for 360 degree product visualisation. It features:

  • Zooming function
  • Support of touchscreen devices
  • Ability to use multiple instances on a single page
  • You can use every number of images for 360 degree visualisation you want
  • Images are loaded automatic via PHP
  • Preloader is showing the progress of loading images to cache
  • Preloader for loading zoomed image
  • Nice modern design

Read More       Demo

CSS 3D Restaurant Menu Concept with jQuery

Looper js

Applying CSS 3D transforms to components can bring some more realism to normally flat web elements. Weâ??ve experimented with some simple concepts for restaurant websites and came up with a 3D folded menu (a real menu, not a â??webâ?Ł menu). The result is a restaurant website template where the menu will open by unfolding. Clicking the linked items will reveal a modal overlay which contains some more info.

Read More       Demo

360 panorama for jQuery

Looper js

A plug-in that turns an array of images into a 360 degrees interactive view that can be rotated at will.

  • methodâ?? can be â??clickâ?Ł, â??mousemoveâ?Ł or â??autoâ?Ł
  • sensibility to adjust rotation speed
  • autoscrollspeed to adjust the speed when method â??autoâ?Ł is selected (lower number gives faster rotation)
  • parameter direction can be either â??forwardâ?Ł or â??backwardâ?Ł depending on how your photos were taken and how you want them to appear
  • cycle (see demo) (new in 0.2)
  • Preload images
  • Display a progress bar expressing loading progress

Read More       Demo

Clip Gallery : jQuery Clip Animation Photo Gallery

Looper js

ClipGallery is a new way to show your pics. In combination with jQuery and the ClipFX plugin, it puts your photos in a grid and as the mouse moves over the â??thumbsâ?Ł they expand at full size.

Read More       Demo

MelonHTML5 : 3D Cube Gallery in Html5, jQuery & CSS3

Looper js

This is a flexible and easy to integrate Photo Gallery written in HTML5 , CSS3 and jQuery.

  • 3D Cube Animation (Chrome, Safari, Firefox, IE10 )
  • Automatic thumbnail generation
  • Unique animated thumbnail preview
  • Grid or Custom Layout
  • Lightbox
    • Navigation
    • Keyboard Control
    • 3 Animations
    • Slideshow

Read More       Demo

Sliding Stacked Images With jQuery

Looper js

A sliding door effect can be used what the site offer. About a week ago I visited a site called auroraos, on the first page I see a nice sliding image gallery on the front page, it used JQuery to creating the effect, it like a vertical accordion, sliding door effect or whatever you called it.

Read More       Demo

BookBlock: A Content Flip jQuery Plugin

Looper js

BookBlock is a jQuery plugin that can be used for creating booklet-like components that allow a â??page flipâ?Ł navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow for the pages to create more realism.

Read More       Demo

zAccordion : jQuery Horizontal Accordion plugin

Looper js

zAccordion is a horizontal accordion plugin for jQuery.

Read More       Demo

Google+ style grid image gallery using jQuery

Looper js

The main focus of this article will be on the image grid. Letâ??s start with a look on the features of the original G+ image grid to find out what it takes to recreate it. To illustrate the features I am using Thomas Hawkâ??s G+ gallery which has some amazing images (check it out).

Read More       Demo

Flickr Badge v2 : Displaying your flickr photos

Looper js

Displaying your flickr photos without leaving or slowing down your web site.Here you can download a script to add a flickr badge like the following to any HTML document or blog with some HTML and a JavaScript include.

Read More       Demo

jQuery Hotspot Map â?? Powerful annotations and tooltips

Looper js

Hotspot is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. Itâ??s an old concept with one exception. It comes with a powerful editor for precise drawing and positioning of the spots. You can also edit settings, see a preview of the final result and the editor will generate the HTML and JS code for you!

Read More       Demo

jSquares â?? An image collage like the ted.com

Looper js

jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. It is basically identical to the image grid found on www.ted.com. Works like a charm in IE6+, FF 3+, Safari 3+ and Opera 10.

Read More       Demo

Create CSS 3D Transform Card Flip Gallery with jQuery

Looper js

In this tutorial, we are going to apply card flip effect to a set of thumbnail gallery. We just want to demonstrate one of the simple way to use it. One thing though, CSS 3D transform is not a mature standard yet and only modern browsers are supporting it. As a result, to make this demo usable, we will make it degrade gracefully and replace it with scroll up effect.

Read More       Demo

Showcase Product Feature in 3D Style with jQuery & CSS3

Looper js

Focus on showcasing our product features can be a good choice for attracting user on landing pages. By showcasing in 3D style also a good choice, in this tutorial I am going to share how to showcase our product feature in 3D style using CSS3 3D Transform and jQuery.

Read More       Demo

Elegant Accordion with jQuery and CSS3

Looper js

jQuery Elegant Accordion plugin has following features :

Read More       Demo

3D Flipping Circle with CSS3 and jQuery

Looper js

In this tutorial we will create a circle with a handle which will open once the little handle is clicked, creating a realistic 3D flipping effect with the help of CSS 3D transforms and shadows/gradients.

Read More       Demo

jQuery Responsive Thumbnail Gallery Plugin

Looper js

jQuery Plugin for creating image galleries that scale to fit their container.

Read More       Demo

jShowOff: a jQuery Content Rotator

Looper js

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating â??slidesâ?? from the child elements (eg.

  • ) inside a specified wrapper element (eg.
      ) on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more. This type of module is often used to promote pages, sections, or features on a site.

      Read More       Demo

  • jQuery Dynamic Grid: XML Gallery

    Looper js

    With Dynamic Grid: XML Gallery you can create the image gallery that you want. The script gives you huge control over the layout and animations, and the possibilities are endless. Literally endless â?? the script is smart enough to generate unique layouts every time it launches, which means a unique experience for your visitors on every page load.

    Read More       Demo

    Expo360?ž : 360?ž Product Viewer in jQuery

    Looper js

    With Expo360?° you take showcasing products on your website to the next level. Your customer not only gets a better look and feel of the product that you are presenting, it also is a cool feature on your website that will blow everyone away!.Opposite to existing 360?° viewers available online, this viewer doesnâ??t use Flash and offers great interaction on mobile devices such as iPad and iPhone. What makes it even more unique is the extensive set of configurations possible. It allows you to create a look and feel that will match your online presence perfectly.

    Read More       Demo

    Polar Gallery in jQuery

    Looper js

    This item is an interactive, animated, Polaroid alike gallery. You can use this plugin to easly build a cool-looking gallery or a stand-alone nice photo.

    Read More       Demo

    RefineSlide : jQuery 3D Transform Slides

    Looper js

    Read More       Demo

    3D Thumbnail Hover Effects with CSS3 and jQuery

    Looper js

    Read More       Demo

    Perfectly Rotate and Mask Thumbnails With CSS3 & jQuery

    Looper js

    Read More       Demo

    jQuery Image Scroller Plugin

    Looper js

    Read More       Demo

    MaxImage 2.0 : jQuery Fullscreen Background Slideshow plugin

    Looper js

    Read More       Demo

    Showing Image With Bounce Effect in jQuery & CSS3

    Looper js

    There are many example out there that using CSS3 transform and animation for enhancing the webpage and today Iâ??m going to share one of them. Using CSS3 transform and animation we will create a bouncing effect when an item (in this case image) is showing or added to our webpage.We will have an image list positioned on the bottom of the page wrapped by a single div, it will be opened by clicking a plus sign. If one of these image is clicked it will be showed on the middle of the page with bouncing, if other image clicked it also be showed next to previous showed image.

    Read More       Demo

    FlippingBook WordPress Gallery Plugin in jQuery

    Looper js

    FlippingBook WordPress Gallery Plugin is a full integrated image gallery plugin for WordPress with page flipping effect. Allows you to create flash books with page flip effect directly from the administrator panel via a specifically designed interface.

    Read More       Demo

    ContentFlow : JavaScript flexible Coverflow Slider

    Looper js

    ContentFlow is a flexible CoverflowTM / ImageFlowlike flow written in javascript, which can handle any kind of content.

    Read More       Demo

    Growing Thumbnails Portfolio with jQuery & CSS3

    Looper js

    In this tutorial we will be making a portfolio with HTML5, jQuery and CSS3 that features an interesting growing effect.The important bit to note here is the #carousel unordered list. This element holds a collection of li items that represent your recent works. The visible class is only added if the thumbnail is to be shown. Only three thumbnails will be visible at a time. The href attribute of the hyperlink can point to the website in question, or a larger version of the image if you plan to use a lightbox together with this example.

    Read More       Demo

    Flare Responsive Mobile-Optimized Lightbox Plugin in jQuery

    Looper js

    Flare â?? a custom responsive, touch enabled, mobile optimized lightbox jQuery plugin, which can be used to display single images/videos or entire galleries.

    Read More       Demo

    Guggenheim.js : jQuery Gallery plugin with flashy filtering and re-ordering

    Looper js

    Guggenheim.js is a framework agnostic plugin for creating sexy interactive galleries. It uses CSS3 animation (with a fallback to Javascript) to create animated filtering, reordering and pagination of your gallery.

    Read More       Demo

    jQuery Picasa Plugin

    Looper js

    jQuery Picasa Plugin Stream Picasa Albums without touching the Server.Here is the HTTP API for Picasa. Thereâ??s a lot to it, but all we need to do is list albums and list photos. And we want to do this using Googleâ??s experimental Data API feature of course, the Partial Response. The Partial Response allows us to limit the information the feed returns to us, which means significant performance improvement. For example, if all we want are the image urls, we donâ??t need thumbs, titles, descriptions, and the author. We can cut out 80% of the feedâ??s size. Thatâ??s awesome. Still waiting for Google Docs to have that.

    Read More       Demo

    My Thumbnail : jQuery plugin creates image thumbnails

    Looper js

    This jquery plugin creates image thumbnails on client side for multiple images in a page. Sometimes you have different images with different orientation and size, which make your page a bit difficult to read. MyThumbnail help you to generate uniform size images. Of course, the original aspect ratio of the picture is maintained. If your browser support css3, you can get a best (inner) fit image for your specified thumbnail size. Also, round corner is supported for css3 capable browser. FEATURES

    Read More       Demo

    Flux Slider : jQuery CSS3 Animation based image transitions

    Looper js

    Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.

    Read More       Demo

    Zoomer Gallery â?? A jQuery plugin for displaying zoom images

    Looper js

    In todayâ??s post, Iâ??m going to be giving away a new plugin for jQuery that allows you to easily transform your image lists into beautiful galleries with Flash-like zoom effects in them. Itâ??s a simple but elegant way of giving your interfaces a nice little shine and at only 2KB in size, itâ??s both compact and surprisingly easy to use.

    Read More       Demo

    TouchTouch â?? A jQuery Touch Optimized Gallery Plugin with Demo

    Looper js

    I want to share a little experiment with our readers â?? TouchTouch. It is a jQuery plugin that turns a collection of photos on a webpage into a touch-friendly mobile gallery. It works on all major browsers (except for IE7 and below) and most importantly is specifically designed with iOS and Android in mind. Highlights

    • Smooth CSS3 animations and transitions;
    • A responsive CSS interface that fills the screen and responds to changes in device orientation;
    • Preloads photos only when they are needed;
    • Supports swiping through photos;
    • Displays onscreen arrows and listens for arrow key presses on desktop browsers;

    Read More       Demo

    jQuery Audio Slideshow with jPlayer

    Looper js

    Today weâ??ll share an audio slideshow with you. Using the open source audio framework jPlayer the slideshow will show images and play sound, changing the images at specified moments of the song/audio. While weâ??ll demonstrate a photo slideshow here, it is not limited to photos. It could also use div tags containing any kind of markup whatsoever.

    Read More       Demo

    Quake Slider : jQuery Image / Content Slider Plugin with Demo

    Looper js

    If you are the guy who likes to focus on real business and donâ??t want to re-invent the wheels. Quake image slider is perfect for you. Quake image slider is a jQuery based image slider with cool animations effects and some of them are very unique. Like SwirlFadeIn, SwirlFadeOut and more.

    Read More       Demo

    Fotorama : jQuery Image Slider with Thumbnail Display

    Looper js

    Fotorama is powerful yet flexible image gallery plugin for jQuery that is compatible with all type of computers, iPhones and any mobile devices. Fotorama allows users to include thumbnails, prev- next buttons, swiping, slideshows or bullet navigation. Fotorama assists users to arrange the dimension and position of the slider and thumbnails and also users can define captions to images.

    Read More       Demo

    inflickity : jQuery Never-ending drag nâ?? flick content with Demo

    Looper js

    inflickity is a jQuery Never-ending drag nâ?? flick content.

    Read More       Demo

    NETEYE Touch Gallery : jQuery Photo Viewing in Mobile Browser

    Looper js

    Touch-Gallery brings the look and feel of native jQuery photo-viewing apps to yhour mobile browser.Open this page in your iPad or iPhone 4 and click on any of the thumbnails in the left column below.

    Read More       Demo

    iPicture : A jQuery Plugin For Tooltip your Images With Demo

    Looper js

    iPicture, a jQuery plugin, is perfect for such cases and allows us to place tooltips over any desired location of images.

    Read More       Demo

    SliderWall : jQuery image slider with Demo

    Looper js

    SliderWall is a jQuery slider plugin that helps you to create all types of content sliders. The plugin is entirely based on HTML5, CSS3 and JavaScript.SliderWall is a very flexible tool, meaning that you can use it to create many types of sliders, from content sliders to image sliders.

    Read More       Demo

    Photo Wall : jQuery plugin with Demo

    Looper js

    jQuery photo wall gallery plugin (like in google).

    Read More       Demo

    filtrify : jQuery HTML5 Advanced tag filtering with Demo

    Looper js

    Filtrify is an advanced tag filtering plugin, inspired by Chosen multiple select feature and Orman Clarkâ??s Vertical Navigation Menu.

    Read More       Demo

    Flippy : Flip effect jQuery Plugin with Demo

    Looper js

    Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want.The Flippy plugin works fine for every modern web browser except Internet Explorer 8 and before (of courseâ??). In this demo I used the excanvas.js file to allow the use of canvas in older IE versions.

    Read More       Demo

    Adipoli : Attractive jQuery Image Hover effect plugin

    Looper js

    Adipoli is a jQuery plugin that beautifies and simplifies creating and consuming such stylish hover effects.

    Read More       Demo

    jQuery Animated Filter gallery : Filters

    Looper js

    Filters is a jQuery plugin that allows to filter items using custom animation. You can use CSS3 transitions or just fadeIn/Out effect. Go to the demos and see how simple is that.

    Read More       Demo

    jQuery Scroller Image Gallery : jsCraft Scroller

    Looper js

    Scroller is a plugin for jQuery that allows display images in the form of round markers

    Read More       Demo

    zSlider: A beautiful jQuery Image Slider

    Looper js

    zSlider is a beautiful image slider for your web applications. I created this for those people who needs a fancy jquery image slider with a simple to use but for limited number of images. This slider accepts two lists of images, each list will have 12 thumbs limit which means you can add 24 images in this gallery.

    Read More       Demo

    jQuery Panel Gallery Plugin 1.1

    Looper js

    The best part in my opinion, is that not one image needs to be sliced or edited to work with this plugin, in fact the plugin handles everything itself. Next, you can choose the direction in which the transition occurs from left to right, right to left, top to bottom, or bottom to top â?? now for each image individually. You can set the initial delay before the transitions begin, set the transitions to loop or stop after the last image, set the time it takes for each panel to appear, and set the delay between the images.

    Read More       Demo

    jQuery Scrolldeck Parallax Plugin

    Looper js

    A couple of months ago, I created a jQuery Vertical Parallax Demo that manipulated CSS to make multiple backgrounds move at different speeds relative to the users movement of the scroll bar. This type of effect is slowly appearing across various websites on the web, achieved using many different techniques. Nikebetterworld took the idea to a new level.

    Read More       Demo

    jQuery Blend Modes plugin

    Looper js

    jQuery Blend Modes plugin bring the blend Modes functions to your web page, without use any images editor (Like Photoshop), The main function of this plugin is to blend two copy of same image with a specified blend mode (it support 15 modes), and render the result into a canvas element. We can use this plugin in many way, for example I create with this plugin (and small trick) a new mouse hover idea for the images. The traditional image mouse hover was either reduce the image opacity, or the inverse, grow it, shrink it, or something like that. But with jQuery Blend Modes plugin, I make the contents of an image change for really!!

    Read More       Demo

    jQuery Slider Plugin with infinite style : Sequence .js

    Looper js

    Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 â?? no jQuery knowledge required!

    Read More       Demo

    3D Gallery with CSS3 and jQuery

    Looper js

    Today, we want to share an experimental 3D gallery with you that uses CSS 3D transforms.With 3D transforms, we can make simple elements more interesting by setting them into three dimensional space. Together with CSS transitions, these elements can be moved in 3D space and create a realistic effect.

    Read More       Demo

    Photo Zoom Out Effect with jQuery

    Looper js

    Today we will show you how to create a simple image zoom out effect with jQuery. The idea is show some images which are zoomed in initially and when hovering over an image it gets zoomed out. This effect could be used in photography websites or image galleries. Our example uses some black and white images to focus on the effect.

    Read More       Demo

    jQuery Image Cube

    Looper js

    A jQuery plugin that sets a division to rotate between images (or other things) as if they were on the faces of a cube.The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect.

    Read More       Demo

    Glimmer a jQuery Animation effect plugin

    Looper js

    Another great animation effect for jQuery lovers, you can see how the landscapes moves.Glimmer allows you to easily create interactive elements on your web pages by harnessing the power of the jQuery library. Without having to hand-craft your JavaScript code, you can use Glimmerâ??s wizards to generate jQuery scripts for common interactive scenarios. Glimmer also has an advanced mode, providing a design surface for creating jQuery effects based on your existing HTML and CSS.By using Glimmer you can make rotating image banners,beautiful tooltips, Dropdown menus and lot of other animation effects.

    Read More       Demo

    jQuery InnerFade

    Looper js

    InnerFade is a small plugin for the jQuery-JavaScript-Library. Itâ??s designed to fade you any element inside a container in and out.

    Read More       Demo

    jQuery Slideshow plugin : ResponsiveSlides.js

    Looper js

    ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slideshow using images inside a single container. It work with wide range of browsers including all IE versions from IE6 and up. It also adds css max-width support for IE6 and other browsers that donâ??t natively support it. Only dependency is jQuery and that all the images are same size.

    Read More       Demo

    Javascript thumbnail and media viewer : Highslide JS

    Looper js

    Highslide JS is an image, media and gallery viewer written in JavaScript.These are some of its advantages:

    Read More       Demo

    Bootstrap jQuery Image Gallery

    Looper js

    Bootstrap Image Gallery is an extension to the Modal dialog of Twitterâ??s Bootstrap toolkit, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.

    Read More       Demo

    Use Reveal.js to Create CSS 3D Slideshow

    Looper js

    If youâ??re making an online presentation to impress your audience, you have to consider to use reveal.js. reveal.js is a CSS 3D Slideshow, it allows you to create a slick and good looking HTML presentation and in the same time utilise the latest web technologies for cool 3D slide transition. Reveal.js is a standalone javascript plugin and doesnâ??t rely on any external libraries.

    Read More       Demo

    An Infinite, Circular jQuery Carousel: carouFredSel

    Looper js

    jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction.

    Read More       Demo

    jQuery Content Slider : Revolver.js

    Looper js

    Revolver is a new content slider that makes no assumptions about your markup. Think of Revolver as a boilerplate or framework for making your own slider, exactly the way you want it. But donâ??t let that scare you, itâ??s really easy, I promise!

    Read More       Demo

    jQuery Frame Animation : Reel

    Looper js

    Reel is a jQuery plugin which takes an image tag and makes it a live â??projectionâ?Ł of pre-built animation frames sequence. Its aim is to provide a 360?° view of something or someplace. Great alternative to widely used Flash and Java techniques.

    Read More       Demo

    jQuery Slideshow / Image Gallery Plugin: PikaChoose

    Looper js

    Pikachoose is a lightweight jQuery slideshow / image gallery plugin for rotating through a series of images, comes with tons of great features!

    Read More       Demo

    Build A Greyscale jQuery Image Gallery

    Looper js

    Displaying images galleries on your web pages can be very complicated, much like the jQuery modal boxes, today you will learn a very simple way to create a nice looking image gallery in CSS and jQuery.

    Read More       Demo

    Thumbnail Proximity Effect with jQuery and CSS3

    Looper js

    Today we want to show you how to create a neat thumbnail proximity effect with jQuery. The idea is to scale thumbnails when hovering over them and also scale their neighbouring thumbnails proportionally to their distance. Weâ??ll also make a description appear.

    Read More       Demo

    CSS3-Powered Presentation Framework : Impress.js

    Looper js

    A new presentation framework is released recently -named Impress.jsâ?? which enables us to build very beautiful outputs.

    Read More       Demo

    jQuery ContentHover Plugin

    Looper js

    ContentHover is a small jQuery plugin that helps you show some hidden content on top of an element when the mouse hovers over it. There are options to chose how your hover effect would appear, like fade in or slide in from any direction, you can change the opacity of the overlay etc.

    Read More       Demo

    Experimental CSS3 jQuery Animations for Image Transitions

    Looper js

    Today we want to share some experimental 3D image transitions with you that use CSS3 animations and jQuery. Weâ??ll be using CSS3 3D Transforms for Webkit only. Check out the Photo Transitions at the Safari Technology Demos site, some of which we got inspired by.

    Read More       Demo

    Flow Slider: Mouse-Controlled jQuery Image Slider

    Looper js

    Flow Slider is a jQuery plugin that lets you slide your HTML content as you always dreamed to. Flow Slider allows you to select from a range of transition effects or add your own, change settings, attach events, interact with the slider, and dress it in any design. It works by converting an unordered list into a slider and can be browsed by hovering to the right or left side of it.

    Read More       Demo

    Display Slide OutBox depend up on Content using HTML and jQuery

    Looper js

    Read More       Demo

    PicStrips a jQuery plugin gives your images a bit of WOW!

    Looper js

    PicStrips adds a little style to your images to help them stand out from the crowd. You can split your images into any number of strips, specify the whitespace between each strip and also the amount of vertical whitespace added at the top and bottom of alternate strips.

    Read More       Demo

    Item Blur Effect with CSS3 and jQuery

    Looper js

    Today we want to show you how to create a simple blur effect for text-based items. The idea is to have a set of text boxes that will get blurred and scaled down once we hover over them. The item in focus will scale up. This will create some kind of â??focusâ?Ł effect that drwas the attention to the currently hovered item.

    Read More       Demo

    QuickFlip 2: The jQuery Flipping Plugin

    Looper js

    QuickFlip works by using an animation shortcut that is barely noticeable when flipped quickly (hence the name). This shortcut improves performance while allowing the flip effect to work smoothly with any piece of markup regardless of images, backgrounds or CSS.

    Read More       Demo

    Exposure â?? jQuery image gallery plugin

    Looper js

    Exposure is an image viewing plugin for the jQuery JavaScript library. It includes a thumbnail list with paging, shows captions, and has also incorporates full screen modal slideshow. It uses some of the core functionality of Exposure, like keyboard and click through navigation, and also includes a nice and smooth custom cross-fade transition effect.

    Read More       Demo

    Cool Background Image Sliding effect with jQuery

    Looper js

    Today I am going to show you how to create sliding image cell effect in jQuery. This is will something like small photo gallery. I prepared 3 demos for you with different effects. Please pay attention that our demo will work in browsers that support used CSS3 properties.

    Read More       Demo

    Slideshowify jQuery plugin for generating a Ken Burns Effect slideshow

    Looper js

    Slideshowify is a jQuery plugin for generating a â??*Ken Burns Effectâ?Ł-style slideshow from images that match a selector. Images that donâ??t fit the window proportions exactly (generally the case) are cropped and panned across the screen.

    Read More       Demo

    jQuery Draggable Image Boxes Grid

    Looper js

    Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

    Read More       Demo

    Hover and Click Trigger for Circular Elements with jQuery

    Looper js

    Applying a :hover pseudo-class to an element is widely known as the classic â??hoveringâ?Ł over an element on a web page. A problem that arose with the introduction of the border-radius property is the non-realistic triggering of the hover event when entering the bounding box of the element and not just the actual visible area. This becomes extreme when we create a circle by setting the border-radius of a square to 50% (half of its outer width and height).

    Read More       Demo

    jQuery Elastic Image Slideshow with Thumbnail Preview

    Looper js

    Today we want to show you how to create a simple elastic slideshow with a thumbnail preview. The slideshow will adjust automatically to its surrounding container and we can navigate through the slides by using the thumbnail previewer or the autoplay slideshow option.

    Read More       Demo

    Pirobox a jquery lightbox

    Looper js

    Hello and welcome, this is an advanced version of pirobox, I implemented a few things more than the previous version. One of the most important things is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop.

    Read More       Demo

    jQuery Position Absolute

    Looper js

    This nifty little jQuery plugin can make products fit on screen creating an interesting way of displaying them so that they are all visible. Now your days of reducing the size of your images to small thumbnails are over with this fantastic jQuery plugin.

    Read More       Demo

    HTML5 & CSS3 Powered Slideshows â?? Slider.js

    Looper js

    Slider.js is a slideshow engine built with jQuery and uses CSS3 and/or HTML canvas for the transitions.Items can have a text-caption with links and users can browse it with a pagination or using the prev-next links.Sliderâ??s design can be completely changed as there is support for theming and interactions can be customized using the well-documented API.

    Read More       Demo

    wmuSlider, a jQuery responsive slider

    Looper js

    A responsive jquery slider.

    Read More       Demo

    Basic jQuery Slider â?? Simple slideshows for featured content

    Looper js

    Basic jQuery Slider has been developed to be as simple and lightweight as possible. Only the essential functionality has been included combined with clean semantic mark-up. This means instead of removing features and bending it to suit your needs, you can use this slider and as a base and extend it to be as feature rich, or as simple, as you need.

    Read More       Demo

    Fullscreen Image 3D Effect with CSS3 and jQuery

    Looper js

    Today we want to share one of our CSS 3D Transforms experiments with you. The idea is to show an imageâ??s fullscreen version by rotating two blocks in three-dimensional space. The faces of the blocks being rotated to the front will show the fullscreen image.

    Read More       Demo

    Image map with Dreamweaver and jQuery

    Looper js

    Today we will have a look at creating the image map with roll over highlight using Adobe Dreamweaver, jQuery and Adobe Photoshop to create the set of images.

    Read More       Demo

    FerroSlider jQuery Plugin

    Looper js

    This plugins allows you to organize the contents of you website in a unusual and cool way and navigate through them with a sliding effect. The final effect is similar to Macâ??s or Linux multiple desktops. You can position content as you want: by row, by column or using a custom displacement.

    Read More       Demo

    Circle Navigation Effect with CSS3

    Looper js

    Today we want to show you how to create a beautiful hover effect for an image navigation using CSS3. The idea is to expand a circular navigation with an arrow and make a bubble with a thumbnail appear. In our example we will be showing the thumbnail of the next and previous slider image on hovering the arrows. The effect is done with CSS3 transitions.

    Read More       Demo

    jQuery plugin : captionate images

    Looper js

    In todayâ??s short tutorial i would like to share a caption jQuery plugin that adds a caption to the bottom of images this is useful for displaying additional text about images when a user hover over the image.They say a photo is worth a thousand, and the best way of doing this is by adding captions to your images.

    Read More       Demo

    How to Create a Fantastic jQuery Photo Album with TN3

    Looper js

    During browsing web â?? I noticed new interesting library â?? TN3. This is jQuery image gallery with slideshow, transitions effects, multiple album options etc. Plus you will able to customize it (via CSS). Today I will show you how you can implement this gallery to create own photo album.

    Read More       Demo

    Creating Ajaxy Photo Gallery (jQuery) with Custom Images Sets

    Looper js

    Today we will make simple and nice jQuery gallery which will load images â??ajaxyâ??. Also our gallery will support working with predefined custom sets of images. I hope that our result will interesting for you.

    Read More       Demo

    Responsive Image Gallery with Thumbnail Carousel

    Looper js

    Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We will also add the possibility to navigate with the keyboard.

    Read More       Demo

    Highlight Web Page Elements With jQuery Highlighter

    Looper js

    jQuery Highlighter neatly highlights the web page elements and helps you to direct your readers to the places you want them to look.

    Read More       Demo

    Photoflip slideshow effect with jQuery

    Looper js

    In the previous tutorial we created a tutorial that was controlled by clicking the next link which took the top most image in a stack and placed it at the bottom of the stack, today we are going to automate the flipping through of the images by adding a simple autoadvance function.

    Read More       Demo

    ShineTime â?? A New jQuery & CSS3 Gallery With Animated Shine Effects

    Looper js

    Iâ??d like to show you how you can create a kick-ass animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery â??ShineTimeâ??. This effect is useful in making your user interface elements look like theyâ??re a real polaroid photo (or made of glass) and the best part is, itâ??s not that difficult to achieve.

    Read More       Demo

    Elastislide:A Responsive jQuery Carousel Plugin

    Looper js

    Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel structure into a container with a fluid width will also make the carousel fluid.

    Read More       Demo

    Automatic Image Montage with jQuery

    Looper js

    Arranging images in a montage like fashion can be a challenging task when considering certain constraints, like the window size when using fullscreen, the right image number to fill all the available space or also the size of the images in use. With the following script you can automatically create a montage, either for a liquid container or a fixed size container (including fullscreen), with the option to fill all the gaps.

    Read More       Demo

    jQuery Timelinr

    Looper js

    This simple plugin helps you to give more life to the boring timelines. Supports horizontal and vertical layouts, and you can parameterize the majority of attributes: speed, transparency, etc..

    Read More       Demo

    Making a Beautiful HTML5 & jQuery Portfolio

    Looper js

    In todayâ??s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

    Read More       Demo

    Image Zoom Tour with jQuery

    Looper js

    Today we want to share a little zoom tour script with you. Showing a main image initially, we want to be able to zoom into certain parts of the image by clicking on tags, using another image for the closer view. This next step can contain other tags that again allow to show more images. We achieve the â??zoomâ?Ł effect by enlarging the current image and fading in the new one.

    Read More       Demo

    Circular Content Carousel with jQuery

    Looper js

    Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the link the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.

    Read More       Demo

    WOW Slider in JQuery

    Looper js

    The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Itâ??s a very effective method to increase the web site usability and engage the user. The WOW Slider w as updated in April 11, 2011, this is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. Is free for non-commercial use, a license fee is required for business use.

    Read More       Demo

    ChopSlider â?? jQuery & CSS3 animated Slider

    Looper js

    This awesome slider with a chopping effect was last updated on June 20, 2011. The ChopSlider uses full power of CSS3 animation, has own CSS3 support detection and even old or Internet Explorer support it, a little bit different but still awesome. It will be free under the MIT license, once released. The creator still runing some tests.

    Read More       Demo

    Bubble Slideshow Effect with jQuery

    Looper js

    Today we will be building a jQuery-powered bubble animation effect. It will be a great way to present a set of images on your website as a interesting slideshow. And as the code will be completely modular, you will be able to easily use it and modify it.

    Read More       Demo

    Vertical Sliding Accordion with jQuery

    Looper js

    Today we want to share a slick and flexible vertical jQuery accordion with you. The main idea is to expand the accordion slices on click and show some more information. The other slices will become less opaque and squeezed. When navigating to the next slice using one navigation arrows, a new slice will slide in from the top or the bottom. Once a slice is open and we navigate, the subsequent slice will open on slide.

    Read More       Demo

    blueimp jQuery Image Gallery

    Looper js

    Image Gallery with Lightbox effect and slideshow functionality for jQuery UI

    Read More       Demo

    Photoswipe â?? jQuery image gallery for mobile & touch devices

    Looper js

    Image gallery for mobile and touch devices â?? iPhone, iPad, Android, Blackberry 6 and Desktop all supported.

    Read More       Demo

    jQuery Randomly Rotating Image Gallery â?? Mosaiqy

    Looper js

    Mosaiqy is a jQuery plugin for presenting images in a Mosaic-like grid interface.The images are displayed inside randomly moving columns and rows where CSS3 transitions are used for the animations.Once a thumbnail is clicked, the original version is loaded inside the grid with a nice slideIn/Out effect.

    Read More       Demo

    Horinaja Slide Show Plugin For jQuery

    Looper js

    Horinaja is an easy to use, customizable and very useful slide show plugin that comes in jQuery and Scriptaculous flavors. Most notable feature is its ability to allow users to change slides using mouse wheel.

    Read More       Demo

    Easy JQuery Circular Gallery Using RadMenu Plugin

    Looper js

    Today post, letâ??s playing a little code with JQuery and JQuery RadMenu Plugin, cause lately Iâ??ve been thinking about creating circular image gallery my self, and my search stop here for a moment when finding this cool plugins.This plugin is really cool you can creating a circle from many html element that you defined, which means you donâ??t have to create a formula to set all the element position to create a circle form.

    Read More       Demo

    Fullscreen Slideshow with HTML5 Audio and jQuery

    Looper js

    In todayâ??s tutorial weâ??ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

    Read More       Demo

    Picbox a lighweight Image viewer

    Looper js

    Picbox is a lightweight (around 5KB) javascript image viewer based on the excellent Slimbox by Christophe Beyls, and available using either the Mootools or jQuery frameworks. It features automatic resizing and zooming of large images, allowing them to fit in the browser or be viewed at full size.

    Read More       Demo

    jQuery maxImage Scaling Plugin

    Looper js

    This plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see itâ??s effect.

    Read More       Demo

    Create a grid Image Gallery that has intersecting highlights with jQuery and CSS

    Looper js

    In this image gallery, I wanted to create the effect of intersecting lines to highlight the selected image in a grid like a crosshair. I used differing opacities of images horizontally across from the current image and vertically above or below the image to achieve this effect. This gallery uses jQuery Masonry to achieve the animated resizing effect of the grid.

    Read More       Demo

    jMyCarousel a jQuery Plugin for Carousel gallery

    Looper js

    jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

    Read More       Demo

    gSlider Lightweight jQuery Image Slider

    Looper js

    gSlider is an interactive image slider built on jQuery. It is versatile, lightweight and easy to implement in any website or web applications.

    Read More       Demo

    jQZoom Evolution â?? a jQuery image magnifier plugin

    Looper js

    JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.

    Read More       Demo

    MopSlider 2.4 â?? A jQuery slider box plugin

    Looper js

    MopSlider is the slider box can contain any item that is set height and width. From 2.2, MopSlider can be put 2 in the page. A CSS file isnâ??t necessary.

    Read More       Demo

    Display Facebook Photos To Your Website with FQL and jQuery Lightbox

    Looper js

    Hi there! Today weâ??re going to do a code that:

    Read More       Demo

    Accordionza a jQuery accordion Plugin

    Looper js

    This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML & CSS skills. Solid â?? No wobbly edges as often seen in other accordion scripts. Progressive enhancement. All content is still viewable without JavaScript enabled.

    Read More       Demo

    Merging Image Boxes with jQuery

    Looper js

    Today we will show you a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

    Read More       Demo

    Interactive Image Vamp up with jQuery, CSS3 and PHP

    Looper js

    Today we will show you how to create an online application for giving some funny touches to an image. We will be using jQuery and jQuery UI for dragging and resizing little bling elements like mustaches and glasses. With PHP the image and the bling elements will get merged and the end result can be viewed.

    Read More       Demo

    jQuery WowWindow is an alternative Lightbox

    Looper js

    WowWindow is an alternative to Lightbox, for jQuery, that is much more fun and powerful. This modal window script uses CSS3 transformations to display the window, but will acceptably degrade to a workable window for browsers that do not support this. If youâ??re looking for alternatives to Lightbox, this may be the perfect script for you.

    Read More       Demo

    jQuery Looped Slider Tutorial

    Looper js

    Today weâ??re going to use Nathan Searlesâ?? jQuery loopedSlider, a plugin made for jQuery that solves a simple problem, the looping of slide content. It was created to be easy to implement, smooth and most of all end the â??content rewindâ?Ł that most other content sliders suffer from.

    Read More       Demo

    CSS and jQuery-Creating an Image Slider

    Looper js

    In this tutorial I am actually going to be explaining how to do something which I created for one of my other projects. Basically you are going to create a jquery effect. When a holder is hovered over the top image slides down to reveal the image underneath. I will also explain how to use position absolute to float an image in the top right to show the image is new.

    Read More       Demo

    Making A Slick Content Slider in jQuery

    Looper js

    Web masters constantly search for ways to optimize the way content is presented on their sites. With the advent of terms like â??above the foldâ?Ł it is ever so important to provide eye-catching and functional user interfaces.

    Read More       Demo

    XML banner fader in jQuery

    Looper js

    More jQuery animation! This one puts a fading set of banners on your page. It uses simple XML to tell the javascript what banners to pull in, and the URLs you want the banners to link to. This is ideal for linking to top featured stories.

    Read More       Demo

    How to Make a Graphical News Slider in jQuery

    Looper js

    The graphical news slider: something used so often in so many places for so many different purposes. I had made one ages ago as one of my first jQuery projects. I figured I could write a tutorial to share that code with WebDesignFanâ??s readers, but was taken aback when I reviewed the code I had made so long ago. It was not bad formatting or compatibility or any such thing, as I would never allow such problems to be a part of my programs. However, it wasnâ??t very extensible as I feel all public code should be. It was merely designed to support the features I needed at the time. Having spent the last few days revising the code, namely to allow custom image dimensions, I am happy to share with you the revised code.

    Read More       Demo

    Creating an Attractive Photo Gallery using SmartGallery (jQuery)

    Looper js

    Today we will continue overviews of available photo galleries. Next gallery will SmartGallery. This light-weight gallery will allow us to have thumbnail navigation, auto image scaling, 12 transition effects (to current moment). All this is done with the options of this gallery.

    Read More       Demo

    JQuery Superbox â?? Flexible modal window

    Looper js

    jQuery Superbox! Jquery is a plugin for creating modal windows easily be adapted (eg, lighter).

    Read More       Demo

    Vegas Background jQuery Plugin

    Looper js

    Vegas is a jQuery plugin to add beautiful fullscreen backgrounds to your webpages. You can even create amazing Slideshows.

    Read More       Demo

    Chrome Style jQuery Image Gallery

    Looper js

    Great looking image gallery with autoplay, descriptions and more.

    Read More       Demo

    The youlove.us jQuery scrolling background effect explained

    Looper js

    Weâ??ve had a lot of questions regarding the background effect on our new site â?? so I thought Iâ??d explain how it works, to save you the trouble of picking through the source code. Feel free to base your own designs on this technique, but donâ??t just straight up copy our code and images â?? weâ??ve spent a good amount of time on this.

    Read More       Demo

    jQuery Common Accordion â?? Horizontal & Vertical

    Looper js

    Works as vertical accordion and horizontal accordion. It can be auto slide. You can set a default panel.

    Read More       Demo

    bxSlider a jQuery content slider and image slideshow

    Looper js

    This plugin is content slider and image slideshow. Where you can slide between slides using horizontal, vertical and fade transitions. Also you can have navigation controls, custom behavior (this plugin have very many options).

    Read More       Demo

    Shuffle Between Images Using JQuery

    Looper js

    Shuffle mean changing the position between each items position, I continue this shuffling images feature so that can be added to my previous post about creating collage image gallery using jquery, and better can be added with rotating feature too. Iâ??m using the same layout and images position like before.

    Read More       Demo

    flickrGallery â?? jQuery Dynamic Flickr Photo Gallery with Slider

    Looper js

    flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

    Read More       Demo

    How to create an online radio using jQuery and jPlayer

    Looper js

    Today, Iâ??m glad to show you how you can use jQuery and the jPlayer plugin to build an online radio using JavaScript, PHP and a MySQL database.

    Read More       Demo

    Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

    Looper js

    Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.

    Read More       Demo

    A jQuery ComicViewer

    Looper js

    This is a jQuery plugin to slide through details of an image. Itâ??s made for webcomics, but you can use it for presentation slides or other stuff too. You have to set the coordinates (x, y, width, height) for each detail area and the plugin provides various navigation options to skip through these areas.

    Read More       Demo

    PhotoSmart jQuery Gallery Plugin

    Looper js

    PhotoSmart is a jQuery based thumbnail gallery. It allows you to create multiple galleries on a single webpage or on multiple webpages. It has a number of different effects that can be applied or changed very quickly. All galleries are created in code from your gallery folder its then just a matter of adding the gallery element in your webpage. There are a number of load effects, mosaic, zig-zag, faderows and a few more.

    Read More       Demo

    jQuery Content/Thumbnail slider : jsCarousel V2.0

    Looper js

    jsCarousel v2.0 is a jquery slider plugin that slides contents in multi direction. Now it supports both horizontal and vertical orientation, see the screen shot below. jsCarousel v2.0 slider can be used as a feature content slider as well. You can put any kind of contents you want whether images, text, videos, news etc. itâ??s up to you. One interesting thing about jsCarousel v2.0 slider is that you can make simple image gallery with thumbnail support by using it. jsCarousel v2.0 slider plugin gives you the source of image via callback function, when you click on some image within slider. See Using jsCarousel v2.0 Slider section below to get an idea about using the callback function.

    Read More       Demo

    Rotating Image Slider with jQuery

    Looper js

    In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. We will also add an autoplay option and the mousewheel functionality.

    Read More       Demo

    Zoomooz a jQuery Plugin

    Looper js

    Zoomooz is an easy-to-use jQuery plugin for making any web page element zoom.

    Read More       Demo

    Drag-and-Drop with jQuery: Your Essential Guide

    Looper js

    Learn how to use jQuery, and the jQuery UI Draggable and Droppable plugins, to create drag-and-drop interfaces in your web pages. Includes a full drag-and-drop card game example.

    Read More       Demo

    Vintage typewriter: The sexiest jQuery contact form ever

    Looper js

    On todayâ??s tutorial we will take a step aside of our classical design tutorials and will be focusing more on the programming part, weâ??re about to show you how to develop an awesome typewriter experiment with all the primary functions fully operational thanks to the mighty power of jQuery and CSS. But donâ??t think that this is pure crazy experimentation, because this typewriter can actually be utilized as a brilliant contact form to place on your different projects.

    Read More       Demo

    Create a Funky Parallax Background Effect using jQuery

    Looper js

    In this tutorial, weâ??ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog.

    Read More       Demo

    Build an iPad-Themed Image Slider With jQuery

    Looper js

    If youâ??re not a seasoned web developer, it can be quite intimidating to approach a project where your client is looking for something trendy and interactive such as an Apple-centric slideshow.

    Read More       Demo

    Image Cross Fade Transition with jQuery

    Looper js

    Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer â?? either in CSS or with the simplest of JavaScriptâ??

    Read More       Demo

    Opera mobile window chooser, recreated with jQuery

    Looper js

    Itâ??s always fun to play with jQuery especially when you are trying to recreate something that you enjoy using. One such thing is window chooser in Opera Mobile browser where opened windows are positioned below each other and only a portion of each window is visible. The one on the top is current window that is fully visible. Clicking on those windows is followed by some nice effect.

    Read More       Demo

    Slider Kit â?? Multiple Slideshow Types In One jQuery Plugin

    Looper js

    Slider Kit is a very flexible jQuery plugin that enables us to create almost any type of slideshows like photo galleries, news sliders, carousels,tabs,menu and more.

    Read More       Demo

    ImageLens â?? A jQuery plug-in for Lens Effect Image Zooming

    Looper js

    You can use this jQuery plug-in to add lens style zooming effect to an image.

    Read More       Demo

    diagonalFade a jQuery Plugin

    Looper js

    diagonalFade is a jQuery plugin allowing you to easily specify direction, fade-in, fade-out, and a host of other options to a grouping of elements. All you have to do is import it, specify the container to which the group of items resides, and poof, youâ??re off and away..

    Read More       Demo

    Simple JQuery Image Slide Show with Semi-Transparent Caption

    Looper js

    Image Slide Show is one of the famous components in web design and development. A lot of the websites display news headlines in an image slide show to attract viewers attention, of course, with caption/excerpt. No doubt about it, this is a clever method not only to gain attentions, but it also makes the website more alive (not too static, dull)â??.

    Read More       Demo

    Animate Panning Slideshow with jQuery

    Looper js

    In this tutorial weâ??ll take the makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

    Read More       Demo

    jQuery â??Mosaicâ?Ł Plugin

    Looper js

    This jQuery plagin will automatically generate sliding boxes and captions with slide & fade animations for your images.

    Read More       Demo

    liteAccordion â?? a horizontal accordion plugin for jQuery

    Looper js

    liteAccordion â?? a horizontal accordion plugin for jQuery. This accordion can include any type of content.

    Read More       Demo

    jQuery & CSS Hover Zoom Effect Plugin

    Looper js

    This plugin creates â??Hover Zoomâ?Ł effect for your image thumbnails with CSS and jQuery. This effect reverse zooms an image while fading in a label on top of it when the mouse hovers over it.Iâ??ve seen similar effects to this one on a few sites here and there, and they were always built in Flash. I wanted a CSS and Javascript solution so I whipped up the Hover Zoom effect.

    Read More       Demo

    HTML5 Grayscale Image Hover with jQuery

    Looper js

    With HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. Use HTML5 & jQuery to dynamically clone color images into grayscale

    Read More       Demo

    Timeglider â?? Impressive jQuery Plugin For Data-Driven Timelines

    Looper js

    Timeglider is a jQuery plugin for displaying any number of events in a highly-flexible timeline.

    Read More       Demo

    How to create kaleidoscope using jQuery and CSS

    Looper js

    Today we continue CSS lessons. Letâ??s remember an ancient toy â?? a kaleidoscope, I think everyone remembers since the childhood. You reflected ever as it works? All will probably seem that simply, but is far not so. Today I will show as it is possible to make a kaleidoscope with use JS and CSS. Quite probably that the total example will work not in all browsers, but the demo will be pleasant enough to try.

    Read More       Demo

    Improved Micro Image Gallery: A jQuery Plugin

    Looper js

    Hereâ??s an improved version of the Micro Image Gallery Plugin. I have added some features as suggested in the comments, specifically the auto play function, the possibility to add descriptions for each image, and the cycle mode. Note that the auto play function can only be set if the cycle option is also set. To add descriptions for the images, just place your text inside the alt attribute of the image tag, like shown further in the HTML Structure section.

    Read More       Demo

    Create a Thumbnail with Fading Caption Using jQuery

    Looper js

    Today we are going to learn to create another thumbnail effect with fading and transparent caption. Itâ??s simple and obviously I have running out of ideas in jQuery tutorial because this is similar to jQuery Thumbnail with Zooming Image and Fading captionâ??

    Read More       Demo

    ppGallery â?? Elegant Lightbox Gallery Jquery Plugin

    Looper js

    Showcase your gallery in style with ppGallery, an advanced lightbox photo gallery plugin built with the jQuery Framework. It is lightweight, unobtrusive and installs with ease. It has been tested on the latest versions of IE7, IE8, Safari, Firefox, Google Chrome, Camino and Opera.

    Read More       Demo

    PlusSlider with jQuery

    Looper js

    PlusSlider with the following features:

    Read More       Demo

    iCal-like calenders with jQuery

    Looper js

    Here is a tutorial how to create astonishing iCal-like calendars with jQuery..

    Read More       Demo

    Making Better Select Elements with jQuery and CSS3

    Looper js

    Today we are building a script that is going to take an ordinary select element, and replace it with a better looking, markup powered version, while keeping all the functionality intact.

    Read More       Demo

    Galileory jQ(All-In-Box jQuery Image Gallery)

    Looper js

    All images placed into a single box which can be positioned, sized and stretched however you wish. It is totaly client relative, compatible with all CMS and can be integrated into any website or blog.

    Read More       Demo

    Orbit: A Slick jQuery Image Slider Plugin

    Looper js

    jQuery plugin lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer.

    Read More       Demo

    Mask Transition Slideshow With jQuery

    Looper js

    The main concept is put an element infront of the fading square, then fade out the square to give the masking effect.

    Read More       Demo

    Lightweight Thumbnails Image Gallery with jQuery

    Looper js

    Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.

    Read More       Demo

    jbgallery (Big Multiple Images Slideshow With JQuery)

    Looper js

    jbgallery is a UI widget webpage written in javascript on top of the jQuery library.Its function is to show a single big image, multiple images, multiple galleries, slideshows, as a siteâ??s background, in a â??dialogâ?Ł mode or as a common pop-up.

    Read More       Demo

    MobilyBlocks

    Looper js

    MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.

    Read More       Demo

    jQuery plugin: jQueryRotate

    Looper js

    This is an final product of a Wilq32.PhotoEffect Snippet (browse blog to get more information). Actually you can use this simple and tiny script to rotate images (any angle) directly on client side (for ex. user generated content), and animate them using own functions.

    Read More       Demo

    jQuery Banner Rotator

    Looper js

    This is a jQuery banner rotator plugin featuring multiple transitions. The thumbnails and buttons allow for easy navigation of your banners/ads. The banner rotator is also re-sizable and configurable through the pluginâ??s parameters.

    Read More       Demo

    Blast Slider â?? jQuery Photo Slider

    Looper js

    Blast Slider is a jQuery plugin to create sliders, carousels, rotators with crazy animation effect â?? slide explodes into particles and then collapses to a new slide!

    Read More       Demo

    Advanced jQuery background image slideshow

    Looper js

    A beautiful advanced background image slideshow, recreated after the effect as seen on the website fromPhiladelphia. It features changing text and playback controls. When the animation doesnâ??t seem smooth, the images might not be loaded. This script can perfectly be combined with an image preloading plugin to get rid of this effect.

    Read More       Demo

    Quicksand filtering items jQuery plugin

    Looper js

    Quicksand is a jQuery plugin is very functional for reordering and / or filtering items by dragging a good animation. All you need do is provide two sets of items. You can do this in several ways:

    Read More       Demo

    Multiple Image Cross Fade in jQuery

    Looper js

    Today we learn how to fade list of images through each other in continuous loop. We will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

    Read More       Demo

    The Lof jSiderNews jQuery Plugin

    Looper js

    Base on the Jquery Framework and the Easing Plugin, The JSiderNews Plugin is a slideshow plugin that displaying images or type of content and support favious navigation to previous|next itemsâ??

    Read More       Demo

    SIDEWAYS jQuery fullscreen image gallery

    Looper js

    A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

    Read More       Demo

    Create Beautiful jQuery slider in jQuery

    Looper js

    This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

    Read More       Demo

    Uber-customsiable video carousel with jQuery

    Looper js

    This carousel and featured-content rotator excels in two areas: firstly, it serves both video and graphic content, and secondly, it is super-customisable in terms of where the three components of the carousel â?? namely the slides, the tabs and the â??more infoâ?? area â?? are positioned within it. An XML file controls all behavioral and visual aspects of the carousel, though default settings can be overridden at the point of instantiation.

    Read More       Demo

    JAWS: News Ticker and Mini Accordion in jQuery

    Looper js

    This widget-esque script is at once both a news ticker and a mini accordion. It takes a config file of data (headlines, image SRCs, URLs etc) and paginates your headlines into folds. It will optionally auto-rotate through these folds, though you can navigate between them with the numeric tabs at the top right. If an item has â??more infoâ?? data set in the config, then clicking the headline will reveal that data in an accordion fashion. See below for an example.

    Read More       Demo

    Flyout Ribbon using jQuery and CSS3

    Looper js

    I created a Flyout Ribbon using jQuery and CSS3 that I would like to share with you today. My original idea for this came from the desire have a web administration panel for every page on my site, so i could edit content, change menuâ??s, etc directly on the page I was working on. I really wanted something unobtrusive to the flow of my page and something with a bit of sex appeal, so naturally I turned to jQuery and CSS3. I also wanted something that I show and hide easilyâ??

    Read More       Demo

    Facebook like Photo Tagging in jQuery

    Looper js

    icfbPhotoTagging is jQuery plugin which provides you functions you can use to develop photo tagging aplication like facebook have. With this plugin you can view tags, edit tags(positions, sizes), add new tags, view all tags at once, etcâ??

    Read More       Demo

    jPhotoGrid â?? Zoomable jQuery Image Gallery

    Looper js

    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.

    Read More       Demo

    OIPlayer jQuery plugin

    Looper js

    OIPlayer inits and controls the video- or audioplayer made by modern browsers with the html5 video- or audiotag. It was developed for the Open Images Platform. It features a fallback mechanism and enables the use of three players in a generic way. It sifts through the sources inside the media tag to find a suitable player, replaces the mediatag with itself and enables some generic controls. Is supports the html5 media-tag itself, the Java applet Cortado for the ogg media format (ogv, oga) for browsers that have Java but donâ??t support the html5 media-tags and a Flash player, in this case FlowPlayer for (mp4, h.264, flv).

    Read More       Demo

    jQuery Panel Magic â?? Panel Layout For Small Websites

    Looper js

    jQuery Panel Magic plugin is a new take on website navigation. Using a matrix or grid style layout for your website, you can easily implement this plugin for small websites and web applications. The plugin provides you with a unique way to â??panelizeâ?Ł a website.

    Read More       Demo

    s3Slider image sliding jQuery plugin

    Looper js

    The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery. Since i didnt find it after a small research i decided to build it by my self.

    Read More       Demo

    Fun with jQuery Templating and AJAX

    Looper js

    In this tutorial, weâ??ll take a look at how jQueryâ??s beta templating system can be put to excellent use in order to completely decouple our HTML from our scripts. Weâ??ll also take a quick look at jQuery 1.5â?řs completely revamped AJAX module.

    Read More       Demo

    Galleriffic jQuery Plugin

    Looper js

    A jQuery plugin for rendering rich, fast-performing photo galleries.Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth.

    Read More       Demo

    TopUp image & media gallery display Plugin

    Looper js

    TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness

    Read More       Demo

    GalleryView: A jQuery Content Gallery Plugin

    Looper js

    GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

    Read More       Demo

    3D Waterwheel Image jQuery Carousel

    Looper js

    This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

    Read More       Demo

    jqFancyTransitions slideshow with strip effects

    Looper js

    jqFancyTransitions is easy-to-use jQueryplugin for displaying your photos as slideshow with fancy transition effects.

    Read More       Demo

    jQuery.popeye : Inline lightbox alternative with slideshow

    Looper js

    jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow.

    Read More       Demo

    Featured Content Slider Using jQuery UI

    Looper js

    Showing off the best content of your website or blog in a nice intuitive way will surely catch more eyeballs. Using an auto-playing content slider is the one of techniques to show your featured content.

    Read More       Demo

    Build a jQuery content feature like MailChimp

    Looper js

    In this tutorial Ashley Ford on Papermashup will teach how to build an attractive full page content feature slider plugin (similar to the MailChimp slider) â?? by using the jQuery Cycle plugin which allows you to rotate, paginate or cycle a set of images.

    Read More       Demo

    Jcrop â?? The jQuery Image Cropping Plugin

    Looper js

    Jcrop is the quick and easy way to add image cropping functionality to your web application. It combines the ease-of-use of a typical jQuery plugin with a powerful cross-platform DHTML cropping engine that is faithful to familiar desktop graphics applications.

    Read More       Demo

    Create an Attractive Before and After Photo Effect with jQuery

    Looper js

    In this easy to follow tutorial by Kevin Liew you will learn how to create a beautiful and smooth Before and After photo effect with help of jQuery and CSS â?? and how to convert it to plugins (tested on all major browsers).

    Read More       Demo

    Lightview : jQuery lightbox Overlay Anything With Style

    Looper js

    Lightview was built to change the way you overlay content on a website. Designed to complement your content, and features include: smart image preloading, customization without CSS, adjustable rounded corners and more.

    Read More       Demo

    PrettyPhoto â?? jQuery Lightbox

    Looper js

    PrettyPhoto is a jQuery based lightbox clone. It supports images and has also support for videos, flash, YouTube, iFrames. The setup is relatively easy and quick, plus the script is compatible in every major browser.

    Read More       Demo

    bgStretcher â?? jQuery Background Stretcher Plugin

    Looper js

    Background Stretcher is a jQuery plug-in which allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize them to fill the entire window area. It will work as a slideshow if multiple images mode is used.

    Read More       Demo

    Barack Slideshow in jQuery

    Looper js

    BarackSlideshow is a very tiny and lightweight slideshow script, that takes the power of MorphList to enhance visualization and navigation of the images

    Read More       Demo

    Easy Display Switch with CSS and jQuery

    Looper js

    Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.Todayâ??s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

    Read More       Demo

    Slide Down Box Menu with jQuery and CSS3

    Looper js

    We will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

    Read More       Demo

    jQuery Horizontal Accordions plugin: Easy Accordion

    Looper js

    Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

    Read More       Demo

    Creating a polaroid photo viewer with CSS3 and jQuery

    Looper js

    By combining the CSS3 Box Shadowand Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, youâ??ll see the shadow. When itâ??s placed down, itâ??s rotated to the left or the right (random).

    Read More       Demo

    jQuery Roundrr â?? How To Create Circular Image Galleries With jQuery

    Looper js

    Iâ??m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 Iâ??ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

    Read More       Demo

    jQuery UI CoverFlow 2.0

    Looper js

    I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. Itâ??s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns â?? itâ??s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.

    Read More       Demo

    How to Build Single Page Applications with jQuery

    Looper js

    This article on Building Single Page Applications(SPAs) With jQueryâ??s Best Friends; DocumentCloudâ??s Backbone.js, Underscore.js, LAB.js and jQuery templating.SPAs are web applications or websites which persistently run in the same page without requiring a reload for further navigation. All of the code needed for your initial load in these applications is driven by either local data or data retrieved from a web server on demand, such as any additional data required from your app that might be driven by user actions.

    Read More       Demo

    jQuery Quickie: Smooth animated quote display

    Looper js

    Here is the new way to display quote using jQuery.Time for yet another jQuery quickie! These relatively simple jQuery tutorials will show you a simple, yet beautiful effect making use of jQuery. This way, you can learn and create something very cool at the same time.

    Read More       Demo

    jQuery iTunes Like Slide Show Gallery

    Looper js

    This example is not really the same like iTunes gallery like in the image left, but at least the basic behavior almost the same, I have played with JQuery UI Slider and Rotate3Di plugin.Actually I modified thejQuery UI slider scroll pane example.

    Read More       Demo

    How to Make Auto-Advancing Slideshows with jQuery & HTML5

    Looper js

    One of the most requested improvements over the tutorials presented on this site, when it comes to slideshows, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial we are going to make our HTML5 Slideshow auto advance with a few lines of jQuery.

    Read More       Demo

    Display Your Favourite Music with jQuery & Last.fm

    Looper js

    Use the power of jQuery and the handy last.fm records plugin to create a showcase of your favourite music on your website. Weâ??ll install the plugins to fetch the information from the Last.fm website, then style up the design with a cool retro vinyl record theme.

    Read More       Demo

    jQuery Expand Stacked Images Using Slider with Demo

    Looper js

    This time the post will show how to expand the stacked images with jquery, for the illustration, there is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right? Now to make it look stacked Iâ??m using jquery plugin, the rotate3Di and of course the jQuery UI slider.

    Read More       Demo

    Neat Photo Hover Effect with CSS Sprites and jQuery

    Looper js

    Here is a very nice effect for photos or some black and white images. We are using some CSS sprites for the photos to create a darken effect when hovering over the images. This could also be used with other effects. The basic principle is to create the impression that the background gets darker when hovering.

    Read More       Demo

    jQuery Portfolio Zoom Slider with Demo

    Looper js

    In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin.

    Read More       Demo

    Flip! jQuery plugin with Demo

    Looper js

    Flip is a jQuery plugin that will flip easily your elements in four directions.

    Read More       Demo

    Supersized 3.0 jQuery Plugin with Demo

    Looper js

    Supersized 3.0 â?? Full Screen Background & Slideshow jQuery Plugin.Resize images to fill the entire browser window while maintaining proportional dimensions.Fullscreen slideshow complete with transitions, navigation, captions, and preloading.Integrate with existing sites or create your own portfolio gallery.

    Read More       Demo

    imgAreaSelect image crop jQuery plugin with Demo

    Looper js

    imgAreaSelect is a jQuery plugin for selecting a rectangular area of an image. It allows web developers to easily implement image cropping functionality, as well as other user interface features, such as photo notes (like those on Flickr).

    Read More       Demo

    AviaSlider jQuery slideshow Plugin with Demo

    Looper js

    AviaSlider is a jQuery slideshow plugin with unique 8 transition effects.Lots of easy to set options to create your own effects.Included Image preloader.Autoplay that stops on user interactionâ??.

    Read More       Demo

    MobilySelect jQuery plugin

    Looper js

    MobileSelect is jQuery plugin which sort the images with the help of tab menus â??.

    Read More       Demo

    Collapsing Site Navigation with jQuery

    Looper js

    We will create a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom. Clicking on one of the submenu items will make the whole menu collapse like a card deck and the respective content area will slide out.

    Read More       Demo

    jQuery Tiny Carousel with Demo

    Looper js

    Tiny Carousel is a lightweight carousel for sliding html based content. It was built using the javascript jQuery library. Tiny Carousel was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

    Read More       Demo

    Sweet Thumbnails Preview jQuery Gallery with Demo

    Looper js

    In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and make the regarding thumbnail slidâ??

    Read More       Demo

    Cool jQuery animation effect gallery with Demo

    Looper js

    We would like to show you how to create a modern gallery (with cool animation effect) using Raphael library and jQuery. Create three files: index.html, default.css, init.js and download Raphaelâ??

    Read More       Demo

    B&W Box jQuery Gallery with Demo

    Looper js

    We created a little jQuery gallery that plays with the black and white versions of images. The idea is to have an initial grid-like view of the different categories or albums. In the background we can see the black an white version of the current image of the hovered album.

    Read More       Demo

    Thumbnails Preview Slider with jQuery

    Looper js

    In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to use the little thumbnails preview part only.

    Read More       Demo