Slide Shows

This is a jQuery image gallery with multiple categories and zom-pan image effect. It has been designed to work across all screen sizes including desktop, tablets and even smartphones. Your visitors will be able to zoom in and out with pan support.

Simple image gallery written in HTML, JS, and PHP. Just include code to your source and create a folder with images.

BasilicoSlideshow creates an adaptive image slideshow optimezed and tested for mobile device browsers as iphone safari and dolphin android. You can use any proportion you like: 16/9, 4/3, image original size, etc. BasilicoSlideshow supports touch event, orientation change, css3 transitions and requestAnimationFrame, it doesn't use any javascript framework so it has low size.

The jQuery Accordion plugin is an easy to use menu, that can be adapted for your projects. The jQuery plugin is available both horizontally and vertically. Some of the features include autoplay, border, scroll images, click or hover images action.

Simple Easing Slider is a widely used type of navigation on the Internet for viewing photos, product presentation and show highlights of the website. Option Parameters: item_width, item_height, thumb_width, thumb_height, thumb_margin, slide_orientation, slide_duration, slide_easing, arrow_duration, arrow_easing.

This slider has feature such as: - Play/Pause Button - Navigate through First and Second List - Control images with Arrow keys on Keyboard - Click to see a specif image - Caption on Images Limitations : There are few limitations in this gallery such as you have to use 6,9 or 12 images for one slider. It means if you have 5 images then you cant use this slider. If you have 9 then add all thumbs in first list and assign var totalThumbsFirstList = 9; and set var totalThumbsSecondList = 0; If you have 18 Images then assign 12 to first and remaining 6 to second list and then you will define param like this: var totalThumbsFirstList = 12; var totalThumbsSecondList = 6; In short this is perfect for 12 or 24 images so try to use 12 or 24 images. We have another variable for controlling the sliding interval which is : var Interval = 6000;//6 seconds

jQuery banner rotator plugin featuring multiple transitions that supports text effects for captions. The thumbnails and buttons allow for easy navigation of your banners / ads. Features Included: Resizable and configurable through the plugin parameters and CSS file. Multiple transitions are available. Also you can set a different transition per slide. Flexible transition speed and easing. Also, can set a different time delay for each slide. You can set the slider to play once and stop at the end of the slide. Randomize to show items in a random order. Banner, thumbnails and buttons are all resizable. Mouse wheel scrolling supported. Mobile touchscreen supported. Caption Text Effects: Supports HTML formatting. You need to add class named content for animated captions. You can change animation direction, offset, time and delay via content parameters.

Multipurpose Bookshelf Slider is useful for displaying products such as books, magazines, dvd/cd and others. Its a way to showcase products in an attractive manner. Features of Lightbox to display images, videos (Youtube and Vimeo) and content with iframe. See the Demo for more details.

Fullscreen image gallery with thumbnails, dots and scroller. Very usefull image gallery for album showcase. You can easily integrate the script in your project and make a fascinating User interface in your portal. Easy integration. Gallery images thumbnail preview. Thumbnail have zoom option. Slider to drag and browse photos left right. Mouse scroll to browse photos. All modern browsers compatible. Future updates and support available.

Options include: Component fixed size or 100% fluid layout. 6 transition types with multiple configuration options (transition time, transition ease, directions, image size modes, component background color). Unlimited image categories possible. Unlimited images per category possible. Can be used with only single image category (no menu). Define maximum visible thumbnails or specific number. Define maximum visible menu items or specific number. Auto open playlist. Auto open description. Optional description for each image. Optional different thumbnail size per category. Autoplay slideshow. Optional random play. Global or individual delay (per category). Optional advance slideshow to next category (loop categories). Optional link for each image (blank/parent, open url in new/same window). Link whole slide or just link icon. Optional image preloader. Public methods available.

SETTINGS : Component supports different sized images! Unlimited slides supported with easy browsing! Component width and height Accordion orientation (vertical, horizontal) Scroll orientation (vertical, horizontal) Open on rollover or click Visible items / total items Optional title and captions (can be styled with css) Optional scrollbar (make your own out of your images) Optional controls (previous, pause/play, next) Optional image in every slide (slides can be empty with just your own html content inside, or mixed all together) Place your own content (anything) within any slide and style it with css Embed flash files (custom embedding example included) Set video autoplay Set slideshow autoplay and delay (global / individual) Optional random play Include video in slideshow Start with any slide number or none Set slide transition time and easing Optional border with settings Optional keyboard navigation for navigating through slides

This free copy and paste JavaScript adds a slow and smooth CSS3 propelling-zoom effect to your slideshow. Each slide can be linked and commented. The special effects are supported by CSS-ready browsers (FF3.6+, Safari 4+, Google Chrome 4+, Opera 10.5+). All other browsers will display a nice zoom-in zoom-out slideshow without rotation effect

Simple Fade SlideShow is a very simple and easy to use fade-image slideshow. Its structure is very flexible and you can use it for image and / or content transition. Simple Fade SlideShow is lightweight and fast: Only ~7kb - minified ~3,8kb Simple Fade SlideShow is highly customizable with CSS and it can either create the list and buttons automatically or you can create your own individual elements and Simple Fade SlideShow will only bind the relevant functions.

Flexible HTML5 / jQuery image gallery for photographers who want an interactive gallery that users on all devices can see. It includes HTML5 Audio with a Flash fallback, and deep-linking for an enhanced browsing experience. Built for flexibility, it can even be used as a simple background changer for your current website. Features included: * Multiple image display modes * Multiple transitions are available (fade, slideLeft, slideRight, slideUp, slideDown) * Flexible transition speed and easing * HTML5 audio player with Flash fallback * You can change audio volume and paused status opacity * Deep-linking for search engines * Enable or disable search engine crawling (to protect your images from being listed in search engines) * Disable right-click to help protect your images * You can change thumbnails visibility, left margin and opacity

Moving Boxes Image Slider Script using jquery allows you to present images/photos in a sequence of moving boxes till the last image of the file.

JQuery image slider with pagination that allows to create slideshow of a gallery of images with paginate option. Auto paginate option. Option to customize the slide show. Any number of images can be presented.

JQuery Itunes Image Slider Script is used to present multiple pictures in a single frame as an automated slideshow. Here the images are loaded one at a time with the thumbnails of upcoming pictures queued on right.

Simple Sliced image slider script using JQuery that cuts the image into slices and produces the transition effect in a slideshow by moving each slice separately.

* Resizable and configurable through the plugin's parameters and CSS file * Multiple transitions are available * You can set a different transition per item * You can add unlimited number of images, each with customizable text description and hyperlink * Customizable text description transitions (fade, down, right, up, left, none) * You can show / hide content * Text description can be set at different location, size, text color, background color and rounded border radius * You can set text description to appear on mouseover * Different types of list navigation options available. Can use mouse move, directional buttons mouse over, or directional buttons click * Scroll bar indicator shows current list position * You can change button positions to left or right * You can change button, image area sizes from parameters and CSS * You can set to automatically play on startup with customizable timer delay

No framework or other 3rd part code used. Accessible. Your visitors with JavaScript disabled will still be able to use every gallery. Cross-browser. No coding needed. You may have as many slideshows on the page as are practical - there is no hard limit. Create the markup for your galleries, the code does the rest. Insert, delete or rearrange images as needed. Images may be different sizes, file types and have different paths. Any image may also be a link. Smart Start(tm) means that only one gallery rotates at a time. Smart Start(tm) activates a gallery on hover over/out, while pausing all the other galleries. Optional gallery description. Optional onmouseover caption. Optional reverse direction click box. The "title" attribute of the gallery container div contains all settings in a comma separated string. Simple, complete instructions are in a "comment" at the top of the section.