我在页面中使用滑块来显示上传的图像。如果没有上传图像,我想做的是隐藏 div。PHP中有一个命令可以用来隐藏这个div吗?
这是我的滑块代码
<div id="flex-slider" class="flexslider-main flexslider">
<ul class="slides">
<li>
<img src="[types field="travel-tips-image" url="true" width="770" height="400"][/types]" alt="[wpv-post-title]" >
<div id="credit">Photo by: [wpv-post-author]. </div>
</li>
</ul>
</div>
在哪里
[types field="travel-tips-image" url="true" width="770" height="400"][/types]
是我的 wordpress 插件的简码。所以基本上我想做的就是在没有图像的情况下不显示主 div id="flex-slider"。
我认为最好的方法是 PHP,但由于我是新手,我不知道该怎么做,而且网络搜索没有返回太多我可以申请的东西。任何人都可以建议使用一些代码吗?该网站在 wordpress 上运行。谢谢
感谢您的回应。当然,我最大的问题是我实际上从未编写过任何 JavaScript/JQuery。在您的回复和评论之后,我做了一些研究,并认为我会改编我找到的脚本。这里是:
'$(function(){
// Hide div when no image
if ($("div#flex-slider:not(img)").length) {
$("#flex-slider").hide(); }) });'
但是这没有用。老实说,我什至不确定将其放置在哪里,或者代码是否完整,但这与我需要做的非常相似。任何人都可以从这里指导吗?