Jquery Wordpress-单击时显示图像

Jquery Wordpress-单击时显示图像,jquery,css,wordpress,onclick,slideshow,Jquery,Css,Wordpress,Onclick,Slideshow,我制作了以下页面: 在左侧可以看到一个垂直滑块。这些是帖子。缩略图是帖子的特色图片 在右侧,您可以看到一个div,它以左滑块的最后一篇文章的url作为背景图像(css) 我想要的是当有人点击缩略图时,将背景图像src从右div更改为点击的图像 这可能吗?因为我不知道如何解决这个问题 提前谢谢 迷走神经 编辑:使用以下代码获取特征图像的url: <?php $url = wp_get_attachment_url( get_post_thumbnail_id($post->ID, '

我制作了以下页面:

在左侧可以看到一个垂直滑块。这些是帖子。缩略图是帖子的特色图片

在右侧,您可以看到一个div,它以左滑块的最后一篇文章的url作为背景图像(css)

我想要的是当有人点击缩略图时,将背景图像src从右div更改为点击的图像

这可能吗?因为我不知道如何解决这个问题

提前谢谢

迷走神经

编辑:使用以下代码获取特征图像的url:

<?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>

对于有相同问题的任何人:

    <script>
(function($){
$('.img').click(function(){
  var image = $(this).attr('src');
  document.getElementById("finalimg").src=image;
});
})(jQuery);
    </script>

(函数($){
$('.img')。单击(函数(){
var image=$(this.attr('src');
document.getElementById(“finalimg”).src=image;
});
})(jQuery);
上面的脚本说,每当单击缩略图
(.img)
,然后获取该缩略图的src并将其存储到变量“image”中。然后转到id为finalimg的图像,并用存储在变量“image”中的url替换其src

所以一切都按计划进行


谢谢大家的时间和帮助

可能重复。你是说像这样的事吗@罗曼:不太可能这是可行的,但我不知道图片的url。在您的示例中,url是手动提供的。我希望动态获取url。那么您希望获取当您单击左侧的一个图像时调用的url?从何处获取?尝试将图像url保存在一个额外属性中,并在需要时交换它