82244951 2013-06-04
<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; }); });