jquery - Wordpress - 单击时显示图像

Question

我做了这个页面:

http://vasikaridis.gr/index2.php/?page_id=21725

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

在右侧，您可以看到一个 div，它的背景图像 (css) 来自左侧 slider 的最后 帖子的 url。

我想要的只是当有人点击缩略图时，将背景图像 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>

但是，当我单击缩略图时，我该如何让代码动态更改 $url？

在此处查看完整代码:http://pastebin.com/18G0Pa9P

Answer 1

对于有同样问题的人:

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

所以一切都按预期工作。

感谢大家的时间和帮助!