There are lots of people who really like to play with jQuery. But the number of persons is not small who want to stay away from coding. They like to use jQuery code just using a plugin. And jQuery plugins make their lives easier. Moreover, sometimes it is easy to customize without having programming knowledge.
Now come to the point about the main aim of my today’s post, here I gathered 23 really useful jQuery FadeIn and FadeOut plugins. These jQuery plugins will help you to make your website special from the rest.
- 1 1. Jquery FadeIn and FadeOut
- 2 2. A Simple jQuery Slideshow
- 3 3. Fade In and Out Images from a Single Directory Using jQuery
- 4 4. Fade Transition Plugin for jQuery
- 5 5. jQuery Image Gallery with Fade in, Fade out, and Delay
- 6 6. CrossSlide
- 7 7. Simple JQuery Image Slide Show with Semi-Transparent Caption
- 8 8. Making a Slideshow with jQuery
- 9 9. Simple jQuery slideshows
- 10 10. Supervised
- 11 11. The 820-byte Compact jQuery Slideshow Component
- 12 12. InnerFade with JQuery
- 13 13. jQuery Hover Fade Method (Modified)
- 14 14. Picture Slides
- 15 15. Slide Show using jQuery
- 16 16. jQuery Slideshows With the Cycle Plugin
- 17 17. jQuery Cycle Plugin
- 18 18. GalleryView: A jQuery Content Gallery Plugin
- 19 19. Pikachoose
- 20 20. s3Slider jQuery Plugin
- 21 21. Galleriffic
- 22 22. jQuery Plugin – An Image Gallery
- 23 23. jQuery Slideshow Plugin
This jQuery will show you some simple effects that you can use to spice up your websites. It’s really simple to use and implement. The effect fades an element to 30% on arrival of the website, then when you hover over it, it fades to 100%. The effect can be assigned to basically anything in a website whether it be an image, text, a link or even a div.
This is a script that will read through a single directory and look for an image file (jpg, gif, or png) and rotate it.
You can use this plugin very easily for fade in fade out effect whatever it is text or image.
This is an easy stuff to use rightly with proper control on the delay between transitions.
Supersized resizes images to fill browser while maintaining image dimension ratio, cycles images/backgrounds via slideshow with transitions and preloading and navigation controls allow for pause/play and forward/back.
The plug-in works across Firefox 3.5, IE, Chrome and Safari and if you need some more functionality out of it, it’s not difficult to add some keyboard events or nav buttons to skip through the images using other UI elements.
This technique uses jQuery to modify the markup and to animate to fade transition. It is an update to my original post and is the result of collaboration with Remy Sharp of jQuery for Designers.
Nice and simple way to show an image with fade in fade out effect.
The version of the cycle plugin is best suited for development use. As described on its site, the cycle plugin comes in two varieties. One, which includes the core components and the fade effect only, and a full version which includes all of the plugins shown on their site. Also keep in mind that, the plugin is not limited to images, it pulls all child elements of the div element you assign i, whether it is images, headings, or paragraphs.
The jQuery Cycle Plugin is a lightweight slideshow plugin. Its implementation is based on the InnerFade Plugin by Torsten Baldes, the Slideshow Plugin by Matt Oakes, and the jQShuffle Plugin by Benjamin Sterling. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and many transition effects. It also supports but does not require, the Metadata Plugin and the Easing Plugin.
GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.
Pikachoose is a lightweight Jquery plugin that allows easy presentation of photos with options for slideshows, navigation buttons, and auto play. Pikachoose is designed to be easily installed, easy to setup, and well… all around easy.
Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.
It’s nothing complicated – a simple image gallery/viewer. When calling the plugin you specify which images you want to use.
The jQuery Slideshow Plugin is a very simple slideshow addon for jQuery with no frills and with the simple job of flicking between any numbers of images after a set delay. The delay can be set to whatever is required and when it is reached the image will fade into the next one.