我正在尝试使用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>