Using two Jquery slideshows on one page -
im new using jquery. know there lots of different questions on same subject none of advice seems help. can help me out code please.
here code:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="p1js/jquery.rs.slideshow.js"></script> <script src="l1js/jquery.rs.slideshow.js"></script> <script> $(document).ready(function () { $('.rs-slideshowp1').rsfslideshow(); }); $(document).ready(function () { $('.rs-slideshowl1').rsfslideshow(); }); </script> </head> <body> <div id="slideshowp1" class="rs-slideshowp1"> <div class="slide-containerp1"> <img src="p1images/0.jpg" /> </div> <ol class="slidesp1"> <li> <a href="p1images/0.jpg"></a> </li> <li> <a href="p1images/1.jpg"></a> </li> <li> <a href="p1images/2.jpg"></a> </li> <li> <a href="p1images/3.jpg"></a> </li> <li> <a href="p1images/4.jpg"></a> </li> <li> <a href="p1images/5.jpg"></a> </li> </ol> </div> <div id="slideshowl1" class="rs-slideshowl1"> <div class="slide-containerl1"> <img src="l1images/1.jpg" /> </div> <ol class="slidesl1"> <li> <a href="l1images/1.jpg"></a> </li> <li> <a href="l1images/2.jpg"></a> </li> <li> <a href="l1images/3.jpg"></a> </li> <li> <a href="l1images/4.jpg"></a> </li> <li> <a href="l1images/5.jpg"></a> </li> <li> <a href="l1images/6.jpg"></a> </li> <li> <a href="l1images/7.jpg"></a> </li> <li> <a href="l1images/8.jpg"></a> </li> <li> <a href="l1images/9.jpg"></a> </li> <li> <a href="l1images/10.jpg"></a> </li> <li> <a href="l1images/11.jpg"></a> </li> <li> <a href="l1images/12.jpg"></a> </li> </ol> </div> id appreciate anyones help can set me straight. in advance.
although cant understand problem facing, might help you..
<script type="text/javascript"> $(document).ready(function () { $('.rs-slideshowp1').rsfslideshow(); }); var j=jquery.noconflict(); j(document).ready(function () { j('.rs-slideshowl1').rsfslideshow(); }); </script> jquery
No comments:
Post a Comment