background preloader

SLiders

Facebook Twitter

Top 14 jQuery Photo Slideshow / Gallery Plugins. jQuery is becoming present in more Web 2.0 sites.

Top 14 jQuery Photo Slideshow / Gallery Plugins

jQuery slideshows or galleries take a grouping of images and turn it into an flash-like image/photo gallery. Here is a list of top options available for your website’s photo gallery. Galleria Galleria – Galleria is javascript image gallery written as a plugin of jQuery. It uses simple html list to load the images on by one into a larger canvas. jQuery Multimedia Portfolio jQuery Multimedia Portfolio – Display your portfolio items in a horizontal gallery view.

Space Gallery Space Gallery – Animate your images and display them as a gallery in space effect much like Apples time machine. Jquery Slider Gallery jQuery Slider Gallery – Rotate your images in similar effect as on Apple’s website. jQuery jsGallscroll Plugin jQuery jsGallscroll Plugin – jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. Jquery Cycle Plugin EO Gallery Slideviewer Pirobox. Create Beautiful jQuery slider tutorial. Margin:0; padding:0; html{ height:100%; body{ color:#a4a4a4; cursor:default; font-size:11px; line-height:16px; text-align:center; background-color:#000; background-position:50% 0; background-repeat:no-repeat; font-family:Tahoma,sans-serif; a:link,a:visited{ color:#fff; text-decoration:none; a img{ border:0; div.wrap{ width:993px; margin:0 auto; text-align:left; div#top div#nav{ float:left; clear:both; height:52px; margin:22px 0 0; background:url url(images/nav-bg.png) 0 0 no-repeat; div#top div#nav ul{ width:700px; list-style-type:none; div#nav ul li{ div#nav ul li a{

Create Beautiful jQuery slider tutorial

jQuery Panel Gallery Plugin. The other day I went looking for a simple way using jQuery to fade between a set of images on a page.

jQuery Panel Gallery Plugin

I found a few good plugins, some with many options, but none that did exactly what I was looking for. InnerFade came close, as did jQuery Cycle, but neither had the effect that I wanted, nor the simplicity and reusability that I needed. So, being a coder, I set out to create my own plugin. I was mainly looking for a simple way to take a group of images and transition from one to the other in a smooth, visually appealing way.

I’ve seen countless galleries where one image fades into another and I like that effect, but wanted to come up with something new, so I began writing my first jQuery plugin. So what’s the big deal? Note: the latest version of the Panel Gallery is available here. Download Download version 1.1 here Download jquery.panelgallery.js (version 1.0) What’s So Great About this Plugin? How to Use That’s it! Options The following options are configurable: Enjoy! Demos.