Jquery Wordpress-单击时显示图像
我制作了以下页面: 在左侧可以看到一个垂直滑块。这些是帖子。缩略图是帖子的特色图片 在右侧,您可以看到一个div,它以左滑块的最后一篇文章的url作为背景图像(css) 我想要的是当有人点击缩略图时,将背景图像src从右div更改为点击的图像 这可能吗?因为我不知道如何解决这个问题 提前谢谢 迷走神经 编辑:使用以下代码获取特征图像的url: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, '
<?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保存在一个额外属性中,并在需要时交换它