Home > Developer > Web Develop
1<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">234<title> Picture Switch plugin nivo slider</title>5<link href= "Css-8-8/nivo-slider.css"6Rel= "stylesheet" type= "Text/css"/>7<link href= "Css-8-8/theme-default.css"8Rel= "stylesheet" type= "Text/css"/>9<script type= "Text/javascript"Tensrc= "Jscript/jquery-1.8.2.min.js" > One</script> A<script type= "Text/javascript" -src= "Js-8-8/jquery.nivo.slider.js" > -</script> the<script type= "Text/javascript" > -$(function() { -$ (' #slider '). Nivoslider ({ -Effect: ' Boxrandom ',//picture random switch effect +BeforeChange:function() { },//The callback function can be written before the picture is toggled -Afterload:function() { },//The callback function can be written after the picture is loaded +Controlnavthumbs:true,//using thumbnails to control navigation AManualadvance:true //need to switch manually at }); - }); -</script> - -<body> -<div class= "Theme-default" > in<div id= "Slider" class= "Nivoslider" > -<a href= "javascript:" > to +data-thumb= "Pic-8-8/img01.jpg" title= "the 1th picture"/> -</a> the<a href= "javascript:" > * $data-thumb= "Pic-8-8/img02.jpg" title= "the 2nd picture"/>Panax Notoginseng</a> -<a href= "javascript:" > the +data-thumb= "Pic-8-8/img03.jpg" title= "the 3rd picture"/> A</a> the<a href= "javascript:" > + -data-thumb= "Pic-8-8/img04.jpg" title= "the 4th picture"/> $</a> $<a href= "javascript:" > - -data-thumb= "Pic-8-8/img05.jpg" title= "the 5th picture"/> the</a> -</div>Wuyi</div> the</body> - jquery-Picture Carousel-switch pictures randomly
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
