多个Jquery幻灯片。
我正在尝试使用jquery cycle all创建一个包含多个jquery幻灯片放映的页面，每个幻灯片都有自己的下一个，上一个按钮。这是我的代码：
<script type=\"text/javascript\">
$(document).ready(function(){
$(\'#slideshow\').cycle({
fx:\'fade\',
speed:1,
timeout: 0,
next:\'#next\',
prev:\'#prev\',
});
});
</script>
<div id=\"content\">
<a name=\"1\" id=\"1\"></a>
<div id =\"slideshow\">
<img src=\"image2.jpg\" width=\"675\" height=\"420\" />
<img src=\"image.jpg\" width=\"675\" height=\"420\" />
</div>
<a id=\"prev\" href=\"#\" class=\"Code-Pro3\">Prev</a> <a id=\"next\" href=\"#\" class=\"Code-Pro3\">Next </a>
<a name=\"2\" id=\"2\"></a>
<div id =\"slideshow2\">
<img src=\"image.jpg\" width=\"675\" height=\"420\" />
<img src=\"image2.jpg\" width=\"675\" height=\"420\" />
</div>
<a id=\"prev\" href=\"#\" class=\"Code-Pro3\">Prev</a> <a id=\"next\" href=\"#\" class=\"Code-Pro3\">Next </a>
没有找到相关结果
已邀请:
2 个回复
扭湘阀柿蹄
<script type=\"text/javascript\"> $(document).ready(function(){ $(\'#slideshow1\').cycle({ fx:\'fade\', speed:1, timeout: 0, next:\'#next1\', prev:\'#prev1\', }); $(\'#slideshow2\').cycle({ fx:\'fade\', speed:1, timeout: 0, next:\'#next2\', prev:\'#prev2\', }); }); </script>有关示例，请参见http://www.malsup.com/jquery/cycle/scrollhv.html。 希望能有所帮助， 大卫慷祈霖黑
<script type=\"text/javascript\"> $(document).ready(function() { $(\'.slideshow\').each(function(){ $(this).cycle({ fx:\'fade\', speed:1, timeout: 0, next: $(\'.next\', $(this).parent()), prev: $(\'.prev\', $(this).parent()) }); }); }); </script><div id=\"content\"> <div> <a name=\"1\" id=\"1\"></a> <div class =\"slideshow\"> <img src=\"image2.jpg\" width=\"675\" height=\"420\" /> <img src=\"image.jpg\" width=\"675\" height=\"420\" /> </div> <a href=\"#\" class=\"Code-Pro3 prev\">Prev</a> <a href=\"#\" class=\"Code-Pro3 next\">Next </a> </div> <div> <a name=\"2\" id=\"2\"></a> <div class =\"slideshow\"> <img src=\"image.jpg\" width=\"675\" height=\"420\" /> <img src=\"image2.jpg\" width=\"675\" height=\"420\" /> </div> <a href=\"#\" class=\"Code-Pro3 prev\">Prev</a> <a href=\"#\" class=\"Code-Pro3 next\">Next </a> </div> ...