从 Alt 属性向 jQuery Cycle 幻灯片添加标题?

发布于 2024-08-26 10:47:18 字数 341 浏览 10 评论 0原文

我正在制作幻灯片,需要为循环的每张图片显示一个标题。我为它们创建了 alt 属性,并尝试为每个图像循环显示它们,但它只显示第一个图像。我不确定如何将我拥有的代码放入画廊的循环“循环”中?这有道理吗?这就是我所拥有的,(嗯,我的意思是其中的一部分):)谢谢!

$('#slideshow').before('<div class="navigation">').cycle({
fx:     'fade',
timeout: 6000,
pager:  '.navigation'
});

$('.image_title').html($(this).find('img').attr('alt'));

I am building a slideshow and need to have a title appear for each picture that get cycled. I created alt attributes for them and am trying to have cycle display them for each image, but It only shows the first one. I am unsure how to get the code I have into the cycle "loop" for the gallery? Does this make sense? here is what I have, (well, part of it I mean) :) thanks!

$('#slideshow').before('<div class="navigation">').cycle({
fx:     'fade',
timeout: 6000,
pager:  '.navigation'
});

$('.image_title').html($(this).find('img').attr('alt'));

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

看春风乍起 2024-09-02 10:47:18

只需将该代码移至回调之前或之后即可。例如:

$('#slideshow').before('<div class="navigation">').cycle({
    fx:     'fade',
    timeout: 6000,
    pager:  '.navigation',
    after:   function() {
        var title = $(this).attr('alt');
        $('.image_title').html(title);
    }
});

Just move that code into the before or after callback. For example:

$('#slideshow').before('<div class="navigation">').cycle({
    fx:     'fade',
    timeout: 6000,
    pager:  '.navigation',
    after:   function() {
        var title = $(this).attr('alt');
        $('.image_title').html(title);
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文