165 Awesome jQuery Sliders and Other Useful jQuery Effects

jQuery library has undoubtedly made the life of JavaScript programmers easier and made it possible for non-experts to do fancy stuff themselves. With jQuery, we can do a lot of really advanced and dynamic things by writing just few lines of codes. Since its arrival, jQuery has revolutionized the way we do a great variety of web designing and developing tasks. With jQuery, we can create not only simple photo gallery or slides but also some fancy animation schemes using texts and other objects.

Because jQuery effects work wonders in our designs, it makes sense that we take steps to acquire a sizeable collection of ready to use plugins in various categories. To make things easy, we are showcasing a substantial array of awesome jQuery effects web designers and developers must have so that they can save time in finding the right solution for their design concepts.

Take a look at this amazing round-up of jQuery effects and enjoy!

via tripwiremagazine.

 Full Page Image Gallery with jQueryimage

This is a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. This works with thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

 Bubbleriffic Image Gallery with jQueryimage

With Bubbleriffic you can create a bubbly image gallery that shows your images in a unique way. The idea is to show the thumbnails of albums in a rounded fashion allowing the user to scroll them automatically by moving the mouse. Clicking on a thumbnail will zoom in a big circle and the full image which will be automatically resized to fit into the screen. Navigating through the images will slide the current image to the side and make the new one appear in a zoom like fashion.

 Panning Slideshow

image

This slideshow has the ability to showcase imagery automatically. This is a twist from classic slideshows which uses a kind of transition to animate between slides.

 Coin Slider

image

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

 Sliding Boxes and Captions

image

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

 Sideways – Fullscreen Galleryimage

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

 PieceMaker

image

Piecemaker is a open source Flash image slider that displays images with 3D slice effects. The slide images  can be  configured from a XML file like setting the tween type, distance, time, delay, etc.

 Magic Scroller

image

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.

 Zoomer Gallery jQuery Pluginimage

This jQuery effect, zooms your images inside a beautiful gallery once your mouse is on top of it. It does so in a flashy zoom style.

 Galleria

image

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.

 Contextual Slideout Tips With jQuery & CSS3image

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.

 Animated fullscreen background image slideshowimage

Changing the background can be done using this effect. A nice textbox can also be added to show information which is simultaneously displayed with the background.

 Background Image Navigation with jQueryimage

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.

 jReel Gallery

image

This little jQuery image gallery plugin recreates the standard built-in window scrolling with a smooth easing effect.

 Dynamic PNG shadow position & opacity with jQueryimage

In this animation, you can drag objects and place them anywhere you want. It also features a switch that can be turned on to amaze your visitors.

For Much more handsomeness: Head over here!

Advertisements

10 MooTools Image and Content Sliders

Today i found Free Hugely-handy Software-Tools on SpeckyBoy.com read on and see a small selection of what is to find: (link below)

 

With CSS3 stealing all of the design headlines recently, and with jQuery as popular as it is, it is very easy to forget about any other image and content slider/gallery options you may have. And as such, in this post, we take a look at the best of what MooTools can offer. As you will see, the results are pretty impressive.

This is our weekly section were we highlight the Top 10 resources from any given field from within the design community. These mini-articles give us an opportunity to share some really useful resources which would be either-wise ignored and difficult to justify with a full blown article.

 

Floom

Floom is a super-stylish blinds-like slideshow widget for MooTools 1.2.2+.
http://nouincolor.com/floom/1.1/Demos/

————————————————————————————————————-

slideGallery

slideGallery

slideGallery Docs & Download →  

slideGallery Demo →  

————————————————————————————————————-

 Nivoo-Slider

Nivoo-Slider

The Nivoo-Slider is an image gallery, featuring 14 different transition effects that has been based on the jQuery Plugin NivoSlider (http://nivo.dev7studios.com/).

Nivoo-Slider Docs & Download → 

Nivoo Slider Demo → 

————————————————————————————————————-

For More MooTools Image and Content Sliders head over to: http://speckyboy.com/2010/08/19/10-mootools-image-and-content-sliders/