Two excellent jquery image extensions are recommended.

1. supersized

As its name is, it is indeed an amazing image loop plug-in, which contains a variety of transform effects and pre-loading options, will automatically change the size of the image to adapt to the browser window.

Demo: http://www.bkjia.com/a/view/12250.html

2. Galleria

Galleria is a library similar to Flash for slide and fade-in and out

Usage:

Copy to ClipboardReference: [www.bkjia.com] <script type = "text/javascript">
JQuery (function ($) {$ ('ul. gallery '). galleria ();});
</Script>

Create a scaled clickable thumbnail:

Copy to ClipboardReference: [www.bkjia.com] <ul class = "gallery">
<Li> </li>
</Ul>

Create a thumbnail, but it cannot be scaled (fixed in the middle)

Copy to ClipboardReference: [www.bkjia.com] <ul class = "gallery">
<Li> </li>
</Ul>

Place a self-made thumbnail in the center of the thumbnail container

Copy to ClipboardReference: [www.bkjia.com] <ul class = "gallery">
<Li> <a href = "I/01.gif" title =" A caption "> </a> </li>
</Ul>

Attachment download: galleria.rar