1

我在页面中使用滑块来显示上传的图像。如果没有上传图像,我想做的是隐藏 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(); }) });'

但是这没有用。老实说,我什至不确定将其放置在哪里,或者代码是否完整,但这与我需要做的非常相似。任何人都可以从这里指导吗?

4

1 回答 1

0

Doing this in JavaScript would be a lot easier: Check this post for methods to understand if an image isnt loaded correctly: Check if an image is loaded (no errors) in JavaScript

And if you detect that an image isnt loaded properly, just set the css visibility property of the div to hidden;

于 2013-05-10T21:23:49.113 回答