Based on the jquery full-screen focus graph Toggle Plugin Responsiveslides is an automatic carousel switch with left and right arrows and index buttons to download. As follows:
Online preview Source Download
The implemented code.
HTML code:
<Scripttype= "Text/javascript">$(function () { //Slideshow $("#slider"). Responsiveslides ({auto:true, Pager:false, Nav:true, Speed: -, timeout:4000, Pager:true, Pausecontrols:true, Namespace:"Callbacks" });});</Script></Head><Body><!--Slideshow -<Divclass= "Callbacks_container"> <ulclass= "Rslides"ID= "Slider"> <Li><ahref= "http://sc.chinaz.com/"><imgsrc= "Images/1.jpg"alt=""></a></Li> <Li><ahref= "http://sc.chinaz.com/"><imgsrc= "Images/2.jpg"alt=""></a></Li> <Li><ahref= "http://sc.chinaz.com/"><imgsrc= "Images/1.jpg"alt=""></a></Li> <Li><ahref= "http://sc.chinaz.com/"><imgsrc= "Images/2.jpg"alt=""></a></Li> </ul></Div></Body>
via:http://www.w2bc.com/article/60563
Toggle Plugin responsiveslides based on jquery full-screen Focus chart