我正在使用带有循环插件的 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。最后,我什至想要一些导航按钮来回移动,同时切换帖子和背景。
有什么建议么?