隐藏行，如果没有图像显示在HTML

我有一个HTML文件，应该显示图像的项目。图像的来源作为链接存储在数据库中，并由html文件中的占位符<％IMAGE％>标记。有一些项目没有任何图像。所以，我想隐藏行而不是显示一个大的空单元格。的占位符<％IMAGE％隐藏行，如果没有图像显示在HTML

//<%IMAGE%> = placeholder for image link 

<tr style = "empty-cells:hide;"> 
    <td style="padding-bottom:10px;"> 
     <img src="<%IMAGE%>" style="width:100%"></img> 
    </td> 
</tr>

例>

<%IMAGE%> = "http://mywebsite.com/image/icon-jobs.png"

我曾尝试空细胞：隐藏，但它不工作。

来源

2014-09-24 Cryssie

什么是您的占位符的示例值？ – user1149244 2014-09-24 08:48:43

如果没有图像，将只有来源是空的或没有img标签？ – 2014-09-24 08:50:36

将css属性'empty-cells'放在表格中，而不是在行中 – 2014-09-24 08:52:24

JSFiddle.

关键代码：

function imgError(image) { 
    $(image).parent('div.column').css('display','none'); 
}

来源

2014-09-24 08:52:29

有没有必要使用任何Javascript。 – 2014-09-24 08:53:49

正如你说，源图像存储在数据库所有你需要做的是检查图像源是从数据库中提取。

<?php if($image):?> 
<tr style = "empty-cells:hide;"> 
    <td style="padding-bottom:10px;"> 
     <img src="<%IMAGE%>" style="width:100%"></img> 
    </td> 
</tr> 
<?php else:?> 
    <div>No images found</div> 
<?php endif;?>

来源

2014-09-24 08:54:05

隐藏行，如果没有图像显示在HTML

回答

相关问题