Slides Show con jQuery – parte 2 de 2

January 20, 2013

Publicidad / Advertisement

Author : Lars Vraa

Lars started tripwire magazine back in January 2009. He is really passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.

jQuery Slider Evolution – MORE INFO | DEMO


Slider Evolution is a JQuery plugin that lets you easily create powerful javascript sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider! Create an unlimited number of sliders with customized settings for each one, and place them anywhere on your website with ease.

jQuery Drag Expose | Draggable Image Gallery – MORE INFO |DEMO


Show your photos in a different way – Let the user drag & drop them to slide the gallery!

Roundabout – MORE INFO | DEMO


Roundabout is a jQuery plugin that easily converts unordered lists & other nested HTML structures into entertaining, interactive, turntable-like areas.

Anything Slider – MORE INFO | DEMO

anything slider

AnythingSlider brings together the functionality of all previous sliders and their features.

Showbiz Business Carousel jQuery Plugin – MORE INFO | DEMO


This is a highly customizable plugin to show you or your customer’s services, portfolio items, blog contents. Basically all business information thinkable.

Carou Fredsel – MORE INFO | DEMO


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. The carouFredSel-plugin was built using the jQuery-library.

Galleria – MORE INFO | DEMO


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

BBC Radio 1 Zoom Tabs – MORE INFO | DEMO

bbc radio 1 zoom tabs

This jQuery effect that can be used as a gallery to where pictures can be presented in a nice slide that automatically changes pictures the moment a mouse is on top of a navigation button.

HTML5 Slideshow w/ Canvas & jQuery – MORE INFO | DEMO


This effect creates progressively enhanced slideshow with a fancy transitioning effect.

Contextual Slideout Tips With jQuery & CSS3 – MORE INFO | DEMO

contextual slideout

This effect is an easily configurable set of contextual slideouts. Each can be opened in one of four directions – bottom-right (default), bottom-left, top-left and top-right, and each can be in one of three colors – green (default), blue, and red.

jQuery Timeline Slider – MORE INFO | DEMO


Timeline Slider is the definitive plugin to build your history timelines. Its main configuration can be
easily customized due to its compact config parameters, directly from the html file. Also more configurations can be edited through the css style sheet file. It comes with 2 skins, Dark, Light, to make easy the integration on your web project. The powerful jQuery library makes this component cross-platform.

Gallery Using z-index and jQuery – MORE INFO | DEMO


You can create an effect where pictures are animated to look like they were discarded one after the other by clicking. This is made using z-index and jQuery.

Background Image Navigation with jQuery – MORE INFO | DEMO

background image navigation

This is a beautiful navigation that has a background image slide effect. It has three list items that contain the same background image but with a different position. The background image for each item is animated to slide into place in different times, creating a really nice effect.

Morphing Gallery – MORE INFO | DEMO

morphing gallery

A gallery that “morphs” images between transitions.

Sliding Boxes and Captions – MORE INFO | DEMO


The animation of the sliding element of this plugin either show or cover up the viewing area, thus creating the sliding effect.

Agile jQuery Carousel – MORE INFO | DEMO


Highly customizable jQuery Carousel plugin so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup.

Presentation Cycle – MORE INFO | DEMO

presentation cycle

Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

Compact News Previewer with jQuery – MORE INFO | DEMO

compact news previewer

This acts as a news previewer that lets you show your latest articles or news in a compact way. The news previewer will show a list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in.

Annotation Overlay Effect with jQuery – MORE INFO | DEMO

annotation overlay effect with jquery

You can create a simple overlay effect to display annotations in e.g. portfolio items of a web designers portfolio using jQuery.



BxSlider is a jQuery content slider and image slideshow that features horizontal, vertical, fade transitions and display and move multiple slides at once (carousel).

Lof JSliderNews – MORE INFO | DEMO

lof jslider

Use this stunning slider to entertain your readers while scrolling what feature your website has. It has a very smooth user interface that gives your image an added aesthetic appeal.

Slick Auto-Playing Featured Content Slider – MORE INFO / DEMO

slick auto-playing featured content slider

Slick Auto-Playing Featured Content jQuery slider has is a main content area, which slides from left to right each with different unique content.

Cloud Carousel – MORE INFO | DEMO

cloud caroucel

This carousel features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image.

BlogSlideShow – MORE INFO | DEMO


BlogslideShow is a free open code JQuery plugin that enhances your blog pages with fancy image viewer, which provides nice transition effects including CSS3/HTML5-related ones.

jQuery Tiny Slider – MORE INFO | DEMO

jQuery tiny slider

jQuery Tiny Slider is a small and lightweight jQuery-plugin to create simple inline slideshow.

Paradigm Slider jQuery Plugin – MORE INFO | DEMO


Paradigm Slider jQuery Touchable Plugin uses a combination of Parallax Effect, state-of-the-art Slider and Text Animations. You can customize this slider with just a little HTML and CSS to your very needs. You can also give each slider a parallax caption to transport your message. Touch swipe for iOS and Android mobile devices is of course included. So it works on every modern browser (including IE7 /8) and on mobile devices.

Smooth Div Scroll – MORE INFO / DEMO

smooth div scroll

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

s3Slider jQuery plugin – MORE INFO / DEMO


The s3Slider jQuery plugin is slideshow that displays objects with layers that can be positioned anywhere over it.

Ruby – jQuery Ken Burns Feature List Slider – MORE INFO | DEMO


Ruby is highly customizable and powerful image slider carefully crafted to enrich website and target wide spectrum of applications. It supports images with any size, html content and videos hosted on youtube and vimeo. Built in kenburns effect for images and flexible transition engine delivers sophisticated and eye catching animations and effects for slider content. Built in video support allows for easy youtube and vimeo clips embedding.

jQuery Slideshow using CSS Sprites – MORE INFO / DEMO


This cool slideshow has a very smooth animated transition and customizable animation orchestration that works great in all popular browsers.

 jqGalScroll – MORE INFO / DEMO


jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photos.

jQuery popeye 2.0 – MORE INFO / DEMO

jQuery popeye

This popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image.

jQuery Simple Slider Plugin – MORE INFO | DEMO


The Simple Slider is a jQuery plugin you can use to display your image and Vimeo or Youtube videos. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device.

jQuery Cycle Plugin – MORE INFO / DEMO


The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more.

jQuery Image Scroller – MORE INFO / DEMO


This scroller is different from others because it is completely autonomous and will begin scrolling once the page loads.

Coin Slider – MORE INFO / DEMO

coin slider

This jQuery slider features smooth transition effects and is compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+

Avia Slider – MORE INFO / DEMO


This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

Cross Slide – MORE INFO / DEMO

cross slide

CrossSlide is a jQuery slider plugin implementing in 2kB of Javascript code some common slide-show animations, traditionally only available via Adobe Flash or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself.

DDSlider – 10 Transitions – Inline Content Support – MORE INFO | DEMO


DDSlider introduces a new easy-to-go slider with 9 different unique transitions (+fading & random—11 total) that support Inline Content. You can also have multiple sliders in the same page

Step Carousel Viewer – MORE INFO | DEMO

step carousel viewer

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps.

iTunes-like Slider – MORE INFO | DEMO


A simple slider/slideshow which mostly emulates the one on iTunes barring few changes.

Polaroid Photo Viewer – MORE INFO / DEMO

polaroid photo viewer

You can see your images as if it were stacked one on top of the other with this glamorous effect.

Minimalistic Slideshow Gallery with jQuery – MORE INFO | DEMO

minimal gallery

Minimalistic Slideshow Gallery with jQuery is a beautiful slideshow gallery that can be easily integrated in your web site. It has a container with a slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Related Posts Slide Out Boxes with jQuery and CSS3 – MORE INFO | DEMO

related posts slider

This awesome effect works like a little widget that can be used to show related posts in any page. It shows a fixed list at the right side of the screen with some thumbnails sticking out. When the user hovers over the items, they slide out, revealing the title and two links, one for the related article itself and one for the demo.

Publicidad / Advertisement


Topics: Desarrollo web, jquery | No Comments »