Question

我的目的是构建一个wordpress模板文件，其中特定的图像被PHP覆盖，使用帖子中显示的短代码。

场景： 1）我使用sliderrevolution插件并将特定滑块的背景图像定义为placeholder.jpg 2）我把短代码放入我的页面，当特定文件，在这种情况下：placeholder.jpg被发现它将被替换为let say：post-one.jpg。

我的目的是在不同帖子中使用相同的滑块，并用短码替换所有内容。

这适用于文本，但我找不到动态更改图片的方法。当然，图片的大小与我想要替换的图片相同。

希望有人能提前帮助我。

我尝试了下面的代码，但我没有让它工作。这是我想要“改变”的HTML代码。

编辑：

感谢您的快速回答;）我尝试使用您的代码，但我无法使用它：（

这是我要替换的图像的HTML代码：

<div class="tp-bgimg defaultimg" style="width: 100%; height: 100%; opacity: 1; visibility: inherit; z-index: 20; background-image: url(&quot;http://localhost/wp-content/uploads/revslider/fashion/fashion_bg1.jpg&quot;); background-color: rgba(0, 0, 0, 0); background-size: cover; background-position: center center; background-repeat: no-repeat;" src="http://localhost/wp-content/uploads/revslider/fashion/fashion_bg1.jpg"></div></code>

我尝试了多个代码，因为它没有改变任何东西：

<script>
$("tp-bgimg defaultimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");
$("tp-bgimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");
$("defaultimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");

$("#tp-bgimg defaultimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");
$("#tp-bgimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");
$("#defaultimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");

$(".tp-bgimg defaultimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");
$(".tp-bgimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");
$(".defaultimg").attr("src", "http://localhost/wp-content/uploads/2016/08/logo.png");

</script>

你知道我做错了什么吗？该脚本位于标题中并且可以调用（使用警报进行测试）。

Answer 1

您可能希望使用jQuery动态隐藏现有元素，然后显示其他内容代替它。

这方面的一个很好的例子是：

$("#img1").attr("src", "path/to/new_img.jpg");

PHP模板 - 使用PHP Shortcode

1 个答案: