Php 在运行jquery循环的div外部更改图像src
我正在建立一个wordpress网站,使用jQuery和cycle插件循环浏览一些帖子 我有一个图像用作完整背景,带有以下css:Php 在运行jquery循环的div外部更改图像src,php,javascript,jquery,wordpress,cycle,Php,Javascript,Jquery,Wordpress,Cycle,我正在建立一个wordpress网站,使用jQuery和cycle插件循环浏览一些帖子 我有一个图像用作完整背景,带有以下css: img.bg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; heig
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。
最后,我甚至想要一些导航按钮来回移动,同时切换帖子和背景
有什么建议吗 您可以使用循环的下一个迭代函数,也可以使用setInterval
希望这有帮助。但是,当执行get_image_url;时,您仍然只能获得一次输出 现在,我使用$.bg.prependtocument.body;从article div中获取背景图像,然后开始循环。这是可行的,尽管可能还会出现更多问题。Thanx很多!我只是一个新手,主要做复制和粘贴。但是我认为所有必要的信息都已经到达了客户端,所以真的没有必要执行更多次get_image_url。我只需要执行脚本$function{$'.bg'.attr'src',';};对于循环脚本中显示的每个帖子。我想我可能需要详细解释一下才能理解。
function changeImg()
{
$('.bg').attr('src', '<?php get_image_url(); ?>');
}
setInterval("changeImg()", 1000);