38

Slides Show con jQuery – parte 1 de 2

January 20, 2013

Publicidad / Advertisement

Awesome jQuery Slider Plugins

by Lars on December 18, 2012

Article Index

First some Responsive jQuery sliders

Responsive layouts are in high demand right now so I thought it would make sense to categorize the plugins a bit. This makes it simpler for you to pick the best jQuery slider for your responsive web design.

Layer Slider (Must see parallax effects) – MORE INFO / DEMO

LAYERSLIDER

Layer Slider is a jQuery content slider that makes it easy to add the cool parallax-effect to your slides. It is possible to add as many layers and sublayers as you want using the slide designer tool. In order to put together great looking slides you can use images, videos… well any type of HTML elements. It is possible to set up detailed settings globally or per slide, e.g. timing, transitions etc.

jQuery Responsive Gallery Plugin – MORE INFO | DEMO

jquery-responsive-gallery-plugin

This is a free jQuery plugin you can use to add image galleries to your pages. The plugin is responsive and scale to fit their container you add it to.

All in one Slider jQuery Banner Rotator / Content Slider –MORE INFO | DEMO

responsivejqueryslider2

With the All in one banner rotator plugin you get a all round slider script. It can be configured to act as banner rotator for using jquery banner animation style. It also supports thumbnails banners, banners with playlist, sliders and carousels with html content. The All in one Slider is responsive and it will adapt to fit tablet and mobile screens.

RoyalSlider – Touch-Enabled jQuery Image Gallery – MORE INFO | DEMO

royal-slider

RoyalSlider is more than just an easy to use jQuery image gallery plugin. It contains layouts for most types of sliders. You can use it for adding image sliders, HTML content sliders, slideshows, image galleries, banner rotators, video galleries and carousels.  The plugin have some really cool animated captions to get the message out!. For mobile visitors this jQuery slider plugin have a responsive layout and touch support.

Revolution Responsive Slider jQuery Plugin – MORE INFO / DEMO

slider-revolution-responsive-jquery-plugin

The Revolution Responsive Slider makes it simple to implement responsive sliders with great interactive effects. This is all done by adding HTML markup to layers and you can control how and when content in layers appear. This is great for your SEO optimization since all content elements are readable for search engines. The plugin supports both responsive fixed width and full width sliders. There is a high number of custom transitions/animations available for each object and for the page transitions! You can handle all customization though jQuery options, HTML 5 data-attributes and CSS.

HTML5 jQuery Slider – MORE INFO / DEMO

html5 slider

The HTML5 jQuery slider is a free image slider plugin. You can use this script to create HTML5 canvas based slideshows with a fancy transitioning effect.

TouchCarousel – jQuery Content Scroller and Slider – MORE INFO | DEMO

TouchCarousel-

With TouchCarousel you get a lightweight and mobile-friendly jQuery content scroller. It supports touch navigation for mobile users and besides classic image slider it also supports the following slider types: carousel, banner rotator and image gallery.

jQuery Banner Rotator – MORE INFO / DEMO

jquery banner

The jQuery banner rotator plugin is basically an image slide with simple to use navigation and text boxes to add a pitch to the slides. It is possible to have image thumbnails in the navigation and this plugin also includes some really cool transitions effects.

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.

jQuery OneByOne Slider Plugin – MORE INFO |DEMO

jquery-onebyone-slider-plugin

The OneByOne Slider is a lightweight jQuery plugin you can use to display your image and text one by one. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device like iPhone & iPad. You can drag and drop to navigate with your mouse too.

Translucent – Responsive Banner Rotator / Slider – MORE INFO | DEMO

translucent-responsive-banner-rotator-jquery-slider

This is a jQuery Banner Rotator / Slideshow with translucent background set for caption.
Supports Responsive and fluid layouts. Supports touch swipe navigation on iPad and Android tablets.

Saloon – MORE INFO / DEMO

Saloon jQuery Image Slider Plugin

Saloon is a jQuery Banner Rotator which animates your image and text slides with transition effects of the wide library. Easy installation, great transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Give each slider a description and more elements to transport your message. The touch style drag and rool feature if pretty cool.

CCSlider – jQuery 3d Slideshow Plugin – MORE INFO | DEMO

ccslider
CCSlider is an unique jQuery slideshow plugin. It supports 3d transitions! There are 14 stunning 3d transitions available, and also 16 stylish 2d transitions. You have the option for mentioning a 2d transition fallback for old browsers that don’t support HTML5 Canvas, which is used for producing the 3d transitions. The plugin also supports HTML captions, autoplay of slides, custom HTML content and custom transitions per slide. See below for a list of features available in the plugin.

Nivo Slider – MORE INFO | DEMO

nivo slider

Nivo slider is an awesome jQuery slider that features smooth transition, keyboard navigation and html captions.

Responsive KenBurner Slider jQuery Plugin – MORE INFO | DEMO

responsive-slider

Responsive KenBurner Slider jQuery Plugin is the premium way of using a slider in your website. A combination of Ken Burns Effect, state-of-the-art Slider, Text Animations and Responsive rebuilding defines this slider. Customize this slider with just a little HTML and CSS to your very needs. Give each slider some captions to transport your message. Use your Ken Burns Animated banner elements with the possibility of playing YouTube and Vimeo clips in a special detail view with describing text.

Blueberry – MORE INFO | DEMO

blueberry

Introducing a jQuery image slider written specifically for responsive web design.

UnoSlider for WP – Responsive Touch Enabled Slider – MORE INFO | DEMO

unoslider

UnoSlider is a jQuery content slider plugin with unlimited transition animations (really, unlimited!). It also has a wide range of a features like touch enabled, mobile optimized interface, animated layers, responsiveness and a lot of other features.

jQuery UniSlider – MORE INFO | DEMO

The jQuery UniSlider plugin adds an elegant and sleek slider feature to your pages, You can use it as an images slideshow, or put any html content to slide. There are many features, options, events and methods included, easy to customize and implement.

unislider

jQuery Sliders for non-responsive layouts

Estro – jQuery Ken Burns & swipe effect slider – MORE INFO | DEMO

estro-really-cool-slider

This jQuery plugin uses unobtrusive JavaScript to transform a block of simple HTML markup into a gorgeous elegant slider, which can be completely customized using HTML5 data attributes. The markup is valid HTML5 and SEO optimzied, with all content always being available to search engines. When using this plugin, your page layout will be consistent even if JavaScript has been disabled.

HisjSlide JS – MORE INFO / DEMO

Highslide JS

Highslide JS is an image, media and gallery viewer written in JavaScript.

Factory Galleries – MORE INFO / DEMO

FACTORY GALLERIES

You can create all Galleries you want with elegance and style. The sliding effect for both images and text is pretty cool.

Supersized jQuery plugin – MORE INFO | DEMO

Supersized jQuery plugin

Supersized jQuery plugin is a full screen background and slideshow that you can use to satisfy the craving of your clients for big and wonderful pictures.

Thumbnails Navigation Gallery with jQuery – MORE INFO / DEMO

thumbnails navigation gallery

Thumbnails Navigation Gallery with jQuery is an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It has a menu of albums where each item can reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or the right.

Slides – MORE INFO | DEMO

Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

slides

Revealing Photo Slider – MORE INFO / DEMO

revealing image slider

This slider has thumbnail photo gallery, where clicking a button would reveal the entire photo and more information about that photo.

jQuery Grid Style Slider – MORE INFO / DEMO

grid-style-slider

This is a jQuery grid slider with support for multiple categories, expandable html content, and lightbox. The slider is fully configurable and resizable through the plugin’s parameters and stylesheet.

li JQuery Slider/Image Rotator – MORE INFO | DEMO

li-jquery-sliderimage-rotator

li jQuery Image Slider / Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease!

DualSlider – MORE INFO / DEMO

dual slider

With DualSlider, you can slide your images while leaving a space for the description and other details.

3D Rotation Viewer – MORE INFO / DEMO

3d rotation slider

This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.

ImageFlow – MORE INFO / DEMO

image flow

ImageFlow is an unobtrusive and user friendly JavaScript image gallery.

Sideways – Fullscreen Gallery – MORE INFO / DEMO

sideways

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

Sexy Slider – MORE INFO / DEMO

sexy slider

SexySlider is a jQuery slider plugin that lets you easily create powerful javascript Sliders with very nice transition effects. Enhance your website by adding a unique and attractive slider!

Magic Scroller – MORE INFO | DEMO

magic scroller

Scroll your elements with this nice effect which is easy to install. With magic scroller, you can scroll your display vertically to expose its elements, iframes, or imáges. As a precondition all the elements have to be of equal size, and the mask needs to be proportional to the elements per row.

Pikachoose – MORE INFO | DEMO

pikachoose

PikaChoose is a lightweight jQuery slider plugin allowing for easy presentation of photos with carousels and lightboxes! Pikachoose is designed to be easily installed and easy to setup.

 

Publicidad / Advertisement

 

Topics: Desarrollo web, jquery | No Comments »

Comments