Two nivo sliders on same page,Jquery multiple Nivo Slider on a page
<div class="slider-wrapper theme-default"> <div class="ribbon"></div> <div id="slider" class="nivoSlider"> <img src="images/toystory.jpg" alt="" /> <a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a> <img src="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" alt="" title="#htmlcaption" /> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> </div> <br /> <div class="slider-wrapper theme-default"> <div class="ribbon"></div> <div id="slider2" class="nivoSlider"> <img src="images/toystory.jpg" alt="" /> <a href="http://dev7studios.com"><img src="images/up.jpg" alt="" title="This is an example of a caption" /></a> <img src="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" alt="" title="#htmlcaption" /> <img src="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" alt="" title="#htmlcaption" /> <img src="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" alt="" title="#htmlcaption" /> <img src="images/walle.jpg" alt="" data-transition="slideInLeft" /> <img src="images/nemo.jpg" alt="" title="#htmlcaption" /> </div> <div id="htmlcaption" class="nivo-html-caption"> <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. </div> </div>
<script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="../jquery.nivo.slider.js"></script> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider(); $('#slider2').nivoSlider(); });
http://wserver.co.uk/nivo/demo/multiple.html
jQuery1_4(window).load(function() { jQuery1_4('#slider').nivoSlider(); // 针对第二个slider的控制 jQuery1_4('#slider2').nivoSlider(); jQuery1_4('#slider2 > .nivo-controlNav').css({ "bottom" : "0px", "left" : "100px", "top" : "165px" }); jQuery('.adMaskTop').click(function(){ getSliderUrl(); window.location.href = _PAGE.sliderUrl; }); });
相关推荐
yFifhting 2014-01-16
taizuduojie 2019-11-08
有心就有方向 2014-01-16
81751330 2012-09-10
Yvettre 2019-06-20
delmarks 2011-11-24
lilongok 2015-04-16
hgzhang 2018-01-31
killgod 2017-12-09
李大仁 2019-04-26
RyanB 2015-03-16
Mr小五 2016-05-13
Clarence 2016-04-22
前端档案 2019-04-21
84533871 2019-04-21
87951536 2013-05-29
mnbvcxz 2011-07-20
心理学哲学批判性思维 2017-12-07