Question

我正在使用带有循环插件的jQuery构建一个wordpress网站来循环浏览一些帖子。

我有一个用作完整背景的图像，使用此css：

  img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 1024px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
    }

    @media screen and (max-width: 1024px){
        img.bg {
            left: 50%;
            margin-left: -512px; }
    }

我已经使用循环中的javascript将第一个图像附件网址插入到img.bg中。但是，这在页面加载时只能工作一次。

这是javascript：

$(function () {
$('.bg').attr('src', '<?php get_image_url(); ?>');
});

我需要的是，我想是在循环脚本的每次迭代中触发脚本，因为源显示get_image_url（）函数为脚本提供每个文章div中的唯一URL。最后，我甚至想要一些导航按钮来回移动，同时切换帖子和背景。

有什么建议吗？

Answer 1

您可以使用cycle的下一次迭代功能，也可以使用setInterval。

function changeImg()
{
    $('.bg').attr('src', '<?php get_image_url(); ?>');
}
setInterval("changeImg()", 1000);

希望这会有所帮助。但是，当你执行get_image_url();时，你只能输出一次。

Answer 2

至于现在，我使用$(".bg").prependTo(document.body);从文章div中获取背景图像，然后开始循环。虽然可能会遇到更多问题，但这仍然有效。

在div运行jquery循环之外更改图像src

2 个答案: