Gallery

June 10, 2013 Mobile no responses # , , , , ,

Swiper – Framework-Free Mobile Slider

Swiper is a beautiful content slider that is built for mobile and works pretty fast as it usesВ hardware accelerated transitions. The slider is lightweight, uses no JavaScript frameworks and has support for “touch events” whose interaction ratio can be customized.

It responds to changes in orientation, has support for vertical + horizontal sliding and comes with built-in pagination control (bullets).

Swiper

Each swipe event brings the next/prev slide but it can be set in free mode as well where the content will be scrolled as much as you swiped. Swiper can present multiple items at once (carousel), loop infinitely and feature any HTML content.

There is an API that allows controlling the pagination and provides callbacks on major events. It also works on desktop browsers (mouse events are accepted) and can be extended with plugins.

Requirements: No Requirements
Compatibility: All Major Browsers

Website: http://www.idangero.us/sliders/swiper/
Demo: http://www.idangero.us/sliders/swiper/demos.php
Download: https://github.com/nolimits4web/Swiper

January 14, 2013 jQuery no responses # , , , ,

ayaSlider – A jQuery Slider With In-Slide Animations

ayaSlider is a flexible jQuery slider plugin with a very simple usage and setup. The slider can display an unlimited number of items В where any HTML can be used for the slides. It has few options to define like the easeIn/easeOut values, the delay between each slide and the prev/next selectors.

ayaSlider

However, each slide can behave differently with the help of ” the options per slide”. These include the starting points ofВ each animation, opacity, delay, easing and duration to be used. ayaSlider doesn’t force any styles, the look and feel can be completely customized with CSS and the options provided.

Website: http://mamod.me/ayaSlider/

December 25, 2012 CSS3 , Tutorials no responses # , , ,

Photobox – CSS3 Powered jQuery Image Gallery

Photobox is a good looking jQuery image gallery that uses CSS3 transitions and animations.

The gallery is lightweight (14kb, not gzipped) and presents the items as a wall where each item can be viewed inside a modal box.

When the modal box is “on”, it automatically displays a list of other images as thumbnails and browsing is possible with the help of the thumbnails, prev-next buttons or keyboard.

Photobox - jQuery Image Gallery

Images can be zoomed in/out with the mousewheel and there is support for looping galleries. There are very few settings to define, which is both good and bad, depending on the way the gallery will be used.

December 3, 2012 jQuery no responses # , , , ,

Really Simple Slideshow – A Flexible Slider Plugin

Really Simple Slideshow is a jQuery plugin for creating image sliders of any kind.

The plugin converts any list of images into a slideshow, it can display captions with each slide, include links and there are multiple transition effects.

Really Simple Slideshow

It has a powerful API for creating a completely customized slider. We can add new items to a slideshow, get any details about them, start/stop/pause it and much more.

The design can be changed with any desired HTML structure + CSS and there is support for looping.

Website: http://reallysimpleworks.com/slideshow/

December 3, 2012 jQuery no responses # , , , , ,

Adaptor – jQuery Image Slider With 3D Transitions

Adaptor is a jQuery image slider that offers slick 2D and 3D transitions. 3D effects, if done smoothly, usually looks very good on the web as it is still unexpected for most to see anything that is not 2D online.

The plugin's 3D effect are supported by WebKit + Mozilla browsers and it falls back to standard fading transitions for the rest.

Adaptor - jQuery 3D Image Slider

It is lightweight and has multiple options for customization including: speed of the transitions, delay between each item auto-slideshow being on/off, pauseOnHover and more. Adaptor can also be controlled with custom events like switching to a desired item, showing the prev-next slide, playing and pausing it.


Website: http://www.philparsons.co.uk/demos/box-slider/

Stay In Touch