Exquisite carousel images (complete code) and carousel Images
Note: js/jquery-1.4.4.min.js ", jQuery with version 1.4 or above.
"Js/slides. min. jquery. js, image, which can be downloaded below.
<Html> |
|
<Head> |
|
<Meta charset = "UTF-8"> |
|
|
|
<Title> simple jquery album </title> |
|
<Script src = "js/jquery-1.4.4.min.js"> </script> |
|
<Script src = "js/slides. min. jquery. js"> </script> |
|
<Script> |
|
$ (Function (){ |
|
$ ('# Slides'). slides ({ |
|
Preload: true, |
|
PreloadImage: 'img/loading.gif ', |
|
Play: 5000, |
|
Pause: 2500, |
|
HoverPause: true |
|
}); |
|
}); |
|
</Script> |
|
<Link rel = "stylesheet" href = "css/global.css"> |
|
</Head> |
|
<Body> |
|
Your location: <a href = "http://www.alixixi.com"> Ali West </a> <ahref = "http://js.alixixi.com"> web effects </a> <a href = "http://js.alixixi.com/c/guanggao_1.shtml"> Advertising Code </a> /a> |
|
<Div id = "container"> |
|
<Div id = "example"> |
|
|
|
<Div id = "slides"> |
|
<Div class = "slides_container"> |
|
<A href = "http://www.zzjs.net" title = "image" target = "_ blank"> </a> |
|
<A href = "http://www.alixixi.com" title = "image" target = "_ blank"> </a> |
|
<A href = "http://www.alixixi.com" title = "image" target = "_ blank"> </a> |
|
<A href = "http://www.alixixi.com" title = "image" target = "_ blank"> </a> |
|
<A href = "http://www.alixixi.com" title = "image" target = "_ blank"> </a> |
|
<A href = "http://www.alixixi.com" title = "image" target = "_ blank"> </a> |
|
<A href = "http://www.alixixi.com" title = "image" target = "_ blank"> </a> |
|
</Div> |
|
<A href = "#" class = "prev"> </ a> |
|
<A href = "#" class = "next"> </ a> |
|
</Div> |
|
|
|
</Div> |
|
<P> <ahref = "http://www.alixixi.com" target = "_ blank"> Alibaba West original debut, Turn please indicate the source! </A> </p> |
|
</Div> |
|
</Body> |
|
</Html> |
Copyright Disclaimer: This article is an original article by the blogger and cannot be reproduced without the permission of the blogger.