Change the title of a jquery image to zoom in with a small dot. This is a picture carousel switching code with a timeline. As follows:
Online preview Source Download
The implemented code.
HTML code:
<DivID= "Decoroll2"class= "Imgfocus"> <DivID= "DECOIMG_A2"class= "Imgbox"> <Divclass= "Decoimg_b2"> <ahref= "http://www.w2bc.com/"> <imgsrc= "Img/1.jpg"></a></Div> <Divclass= "Decoimg_b2"> <ahref= "http://www.w2bc.com/"> <imgsrc= "Img/2.jpg"></a></Div> <Divclass= "Decoimg_b2"> <ahref= "http://www.w2bc.com/"> <imgsrc= "Img/3.jpg"></a></Div> <Divclass= "Decoimg_b2"> <ahref= "http://www.w2bc.com/"> <imgsrc= "Img/4.jpg"></a></Div> </Div> <ulID= "Deconum2"class= "NUM_A2"> <Li><ahref= "javascript:void (0)"Hidefocus= "true"Target= "_self">Yang mi</a></Li> <Li><ahref= "javascript:void (0)"Hidefocus= "true"Target= "_self">Fan Bing</a></Li> <Li><ahref= "javascript:void (0)"Hidefocus= "true"Target= "_self">High Round</a></Li> <Li><ahref= "javascript:void (0)"Hidefocus= "true"Target= "_self">Liu Poems</a></Li> </ul> </Div>
JS Code:
Qfast.add (' widgets ', {path: "Js/terminator2.2.min.js", type: "JS", Requires: [' FX ')] }); Qfast (false, ' Widgets ',function() {k.tabs ({ID:' Decoroll2 ',//Focus Map Package IDConid: "Decoimg_a2",//Large map field Package IDTabId: "Deconum2",//small DOT number hint IDTABTN: "A", CONCN:'. Decoimg_b2 ',//Large Map Domain Configuration classAuto:1,//AutoPlay 1 or 0Effect: ' fade ',//Effect ConfigurationEType: ' MouseOver ',//Mouse EventsPAGEBT:true,//whether there are buttons to toggle page numbersBNS: ['. Prev ', '. Next '],//Front and rear button configuration classinterval:3000//Pause Time }) })
via:http://www.w2bc.com/article/30333
A picture Carousel switch code based on jquery with time axis