<HTML XMLNS="http://www.w3.org/1999/xhtml" >
<Head>
<Title> </title>
<Script SRC="http://www.script-home.com//article/Scripts/jquery-1.4.1.min.js" type="text/javascript" ></script>
<The script type="text/javascript" >
var t;
var speed=2;//picture switching speed
var nowlan=0;//picture start time
function changepic () {
var imglen=$(" div [name='PIC'] "). The find (" div ".) length;
$(" div [name='PIC'] "). The find (" div "). Hide ();
$(" div [name='PIC'] "). The find (" div "). Eq (nowlan.) the show ();
nowlan + 1===nowlan imglen? Zero: nowlan + 1;
t=setTimeout (" changepic () ", speed * 1000);

} onload=function () {changepic (); }
$(document). Ready (function () {
//mouse hover on the image to switch to suspend
$(" div [name='PIC'] "). The hover (function () {clearInterval (t);});
//mouse left picture switch to
$(" div [name='PIC'] "). The mouseleave (function () {changepic ();});
});
</script>
</head>
<Body>
<Div name="PIC" style="float: left; the position: relative; overflow: hidden; width: 300px; height: 240px;" >
<Div> <Img width="300" height="240" SRC="http://www.script-home.com//article/Chrysanthemum.jpg" Alt="1"/></div>
<Div> <Img width="300" height="240" SRC="http://www.script-home.com//article/Desert.jpg" Alt="2"/></div>
<Div> <Img width="300" height="240" SRC="http://www.script-home.com//article/Hydrangeas.jpg" Alt="3"/></div>
</div>
</body>
</html>

you might be interested in the article:

  • jquery implementation with the focus of the thumbnail image switching (automatic play/response mouse action)
  • snake year screen image switching (you can add images and edit the title)
  • javascript to implement image slide effect of switching source code
  • simple implementation, click on the arrow image switching js code
  • jquery next size images was achieved by the replace string replacement switch
  • jquery image switching plug-in code (less)
  • jquery a picture switch plugin
  • the simplest js image switching effect implementation code
  • a jquery based image switching effect
  • jquery focus image switching (digital annotation/manual/automatic play/horizontal scroll)


This concludes the body part