我正在尝试使用 jquery 循环插件创建幻灯片。我正在尝试使用它,以便从主图像自动生成幻灯片放映的拇指。我也试图有能力显示链接到其他部分的图像,以及一些不链接的图像。到目前为止,当我添加指向主图像的链接时,拇指会中断。这是我的代码:
<script type="text/javascript">
$(function() {
$('#ss').after('<ul id="nav">').cycle({
fx: 'fade',
speed: '2000',
pager: '#nav',
pause: 1,
// callback fn that creates a thumbnail to use as pager anchor
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#"><img src="' + slide.a + '" width="50" height="50" /></a></li>';
}
});
});
</script>
</head>
<body>
<div id="ss" >
<a href="#"><img src="img1.jpg" /></a>
<a href="#"><img src="img2.jpg" /></a>
<a href="#"><img src="img3.jpg" /></a>
<a href="#"><img src="img4.jpg" /></a>
</div>
</body>
</html>