People like to show their value by differentiating from others. That is why so many splendid stuffs flood in the internet. At the same time, no one likes to toil in coding all through the night. Plugin is one of the great things to relieve you from boiling work and bring you with the most exciting visual impact.
Fade in fade out effect plugins are easy to customize. This post collected useful plugins for fade in and fade out effect which will make your web site outstanding.
Lightbox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. Lightbox 2 uses the Prototype Framework and Scriptaculous Effects Library.
This jQuery shows you fade in fade out effect which is real simple to use and implement. The effect can be used to an image, a text link or even a div.
This simple slideshow uses jQuery, JavaScript and CSS.
Fade In and Out Images from a Single Directory Using jQuery
This script reads through a single directory and looks for any image file (jpg, gif, or png) and rotate it.
Fade Transition Plugin for jQuery
This code transitions a sequence of images (or any HTML elements) by fading out one image, and fading in another. 
jQuery Image Gallery with Fade in, Fade out, and Delay
Writing code less than 20 lines, you can implement fade in and fade out with delay between transitions.
CrossSlide implements in Javascript some common slide-show animations, and builds upon jQuery’s animation facility.
Simple JQuery Image Slide Show with Semi-Transparent Caption
This case explains the slide show in 3 sections: html, css and javascript.
Making a Slideshow with jQuery
This case describes how to create slideshow using the same code he used for Estridge’s website.
You will be able to show 2 variants of slideshow: alternating and synchronous.
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.
This plugin show you how to deal with the challenge of rollover transition.
InnerFade is designed to fade any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs.
jQuery Hover Fade Method (Modified)
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.
PictureSlides is a plugin that works with DOMAssistant or jQuery, and it is a highly customizable JavaScript-based way to easily turn your images into a collection viewable as a slideshow, and with fading effects, if desired. It can be a stand-alone slideshow or have a complete image library look with thumbnails, navigation buttons etc.
jQuery Slideshows With the Cycle Plugin
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, 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: A jQuery Content Gallery 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.
The s3Slider jQuery plugin is made by example of jd’s smooth slide show script. It is very easy to use. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3Slider.
Galleriffic was inspired by Mike Alsup’s Cycle plugin, but with performance in mind for delivering a high volume of photos.
jQuery Plugin – An image Gallery
It’s nothing complicated – a simple image gallery/viewer. When calling the plugin you specify which images you want to use like.
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.
For help, advice, tips and tricks, challenges, feel free to visit our
or Submit your good resource to share.
Reminder: Unless stated otherwise, all resources published on this site are NOT for commercial use. To use any resource from this site for commercial purposes, please contact the author.
[...] 在很多在线Web应用中，尤其是很多图片处理以及相册程序中，淡入淡出效果经常被用到。淡入淡出效果的原理其实比较简单，设置一个定时器，改变nAlpha值，就可以实现窗口的淡入淡出效果了。下面是DoNotYet.com整理的24款非常不错的Ajax淡入淡出效果插件，每一款plugin都非常不错，强烈建议收藏。 文章在这里： http://www.donotyet.com/2009/09/27/collection-of-fade-in-fade-out-effect-plugins/ [...]