Question

我在页面中使用滑块来显示上传的图像。如果没有上传图片，我想要隐藏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上。感谢

感谢reponsis。当然，我最大的问题是我从未真正编写任何JavaScript / JQuery。在您的回复和评论后，我做了一些研究，并认为我会调整我发现的脚本。这是：

'$(function(){ 
// Hide div when no image 
if ($("div#flex-slider:not(img)").length) { 
$("#flex-slider").hide(); }) });'

但这不起作用。说实话，我甚至不确定在哪里放置这个或代码是否完整，但这与我需要做的非常相似。任何人都可以从这里指导吗？

Answer 1

在JavaScript中执行此操作会更容易：请查看此帖子，了解正确加载图片的方法：Check if an image is loaded (no errors) in JavaScript

如果您检测到图片未正确加载，只需将div的css visibility属性设置为隐藏;

如果没有显示图像，请隐藏DIV

1 个答案: