gpt4 book ai didi

Jquery Cycle : Cycling gallery, 缩略图和标题?

转载 作者:行者123 更新时间:2023-12-01 03:52:29 31 4
gpt4 key购买 nike

我正在使用 Malsup 的 Cycle() JQuery 插件,并尝试让它显示图库中的图像、缩略图列表以及每个缩略图下的标题。我的代码如下:

<div id="slideshow">
<ul>
<li style="background-image:url(img/jack.jpg);"><a href="#"><img src="img/jack-title.png" alt="Visit Jack"/></a></li>
<li style="background-image:url(img/jill.jpg);"><a href="#"><img src="img/jill-mysteries.png" alt="Visit Jill"/></a></li>
<li style="background-image:url(img/jenn.jpg);"><a href="#"><img src="img/jenn-title.png" alt="Visit Jenn"/></a></li>
</ul>
</div>

<div id="nav"></div>

<script type="text/javascript">
$("#slideshow ul").cycle({
pager:'#nav',
pagerAnchorBuilder: function(idx,slide){return '<a href=""><img src="tn_'+idx+'.jp" width="50" height="50"/><br/></a>';
}
});
</script>

这一切都工作正常,除了我似乎无法访问每个循环图像上的 ALT 属性。我想用它来制作标题(在 pagerAnchorBuilder 中的换行符 BR 之后添加)。有人知道如何实现吗?

最佳答案

看到这个 fiddle :http://jsfiddle.net/bwwcq/ (当然没有图像)

有问题的行是:

var alt = $('img', slide).attr('alt');

顺便说一句,我喜欢这个插件。

关于Jquery Cycle : Cycling gallery, 缩略图和标题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6850105/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com