0

我正在使用带有循环插件的 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 将第一个图像附件 url 插入到 img.bg 中。但是,可以理解的是,这仅在页面加载时有效。

这是javascript:

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

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

有什么建议么?

4

2 回答 2

0

至于现在,我使用$(".bg").prependTo(document.body);从文章 div 中获取背景图片,然后开始循环。这是可行的,尽管可能会出现更多问题。

于 2012-06-08T10:54:18.327 回答
0

您可以使用cycle的下一次迭代函数或使用setInterval.

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

希望这可以帮助。但是,当您执行get_image_url();.

于 2012-06-07T14:25:52.007 回答