我做了这个页面:
http://vasikaridis.gr/index2.php/?page_id=21725
在左侧,您可以看到一个垂直滑块。这些是帖子。缩略图是帖子的精选图片。
在右侧,您可以看到一个div,该div具有来自左滑块的最后一个帖子的网址作为背景图像(css)。
我想要的是某人单击缩略图时,将背景图像src从右div更改为该单击的图像。
这可能吗?因为我不知道如何解决此问题。
提前致谢!
瓦格利斯
编辑:使用以下代码获取特色图片的网址:
<?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID, 'thumbnail') ); ?>
因此,我这样做:
<div id="fbg" style="background:url('<?php echo $url ?>') center center no-repeat;"></div>
但是,当我单击缩略图时,如何使代码动态更改
$url
?在此处查看完整代码:http://pastebin.com/18G0Pa9P
最佳答案
对于有相同问题的任何人:
<script>
(function($){
$('.img').click(function(){
var image = $(this).attr('src');
document.getElementById("finalimg").src=image;
});
})(jQuery);
</script>
上面的脚本说,每当单击缩略图
(.img)
时,都采用该缩略图的src并将其存储到变量'image'。然后转到ID为finalimg的图像,并将其src替换为存储在变量“ image”中的url。所以一切都按预期进行。
感谢大家的时间和帮助!