2014-09-24 5 views
0

У меня есть HTML-файл, который должен отображать изображение для элемента. Источник изображения сохраняется как ссылка в базе данных и помечен заполнителем <% IMAGE%> в html-файле. Есть некоторые элементы, которые не имеют никаких изображений. Поэтому я хочу скрыть строку вместо отображения большой пустой ячейки.Скрыть строку, если в 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%>

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

Я попытался с пустыми ячейками: скрыть, но он не работает.

+0

Какова ценность вашего места? – user1149244

+0

Если изображения нет, будет ли источник пустым или нет тега img? –

+0

Поместите свойство css 'empty-cells' в таблицу, а не в строку –

ответ

0

JSFiddle.


Код ключа:

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

Нет необходимости в Javascript. –

0

Как вы сказали, что исходное изображение сохраняется в базе данных все, что вам нужно сделать, это проверить, является ли источник изображения извлекается из базы данных.

<?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;?> 
Смежные вопросы