фон Div изображение не показывая затем отображать изображения альтернативный текст

Question

Это мой HTML-код, где у меня есть один DIV и есть одно изображение вне DIV

<div runat="server" id="ProductThumbnail" style="width:140px;height:140px;position:relative;background-position:center;background-repeat:no-repeat;">      
<asp:Image ID="ProductThumbnail1" runat="server" Style="max-height: 50px;position:absolute;right:0px;top:0px;" /> 
</div> 
<asp:Image ID="Imagealt" runat="server" /> 

то, что я делаю, я ставлю ДИВ Фоновое изображение со стороны сервера как код

ProductThumbnail.Style.Add("BACKGROUND-IMAGE", "url(" + Item.ThumbnailUrl.Replace("~", "..") + ")"); 

То, что я хочу, это в том случае, если ДИВО фоновое изображение URL не показывает любое изображения, чем в этом случае Imagealt воли показывает альтернативный текст, который я поставил с фонового и в случае, если ДИВО фоновое изображение URL является показ изображения в этом случае Imagealt сокрыт

Я хочу, чтобы все это должно быть сделано на стороне сервера кода и JavaScript

Plaese обзор скрине

** На левой стороне сОн изображения нет, поэтому текст изображения альта показывает, что это правильно, но на правой стороне изображения отображая еще вниз альтернативный текст приходит, что неправильно

Я не хочу, чтобы показать альтернативный текст, если ДИВ фоновое изображение отображается **

1-Если изображение не существует никакого текста альт

2-Если изображение не отображается, то показать альтернативный текст

Например:

Если мой ДИВ фоновое изображение URL путь установленный на этот URL

http://meenaprints.in/Admin/images/productimg/thumbnail/436x636_4736.jpg 

, так как текст не должен появляться, так как этот URL-адрес извлекает изображение

НО

Если ДИВ фоновое изображение URL путь устанавливается в URL

http://meenaprints.in/Admin/images/productimg/thumbnail/436x636_473123.jpg 

, который не загружается изображение, чем ALT текст должен получить дисплей

Answer 1

Почему бы не проверить, если изображение продукта существует и показать/скрыть соответствующие изображения.

if (File.Exists(Server.MapPath("product.jpg"))) 
{ 
    ProductThumbnail1.Visible = true; 
    Imagealt.Visible = false; 
} 
else 
{ 
    ProductThumbnail1.Visible = false; 
    Imagealt.Visible = true; 
} 

UPDATE

Тогда, возможно, вы ищете что-то вроде этого?

<div id="imageContainer"> 
    <div id="altText">Alt text of image</div> 
    <div id="imagePlaceHolder" style="display: none;"> 
     <img src="/test.png" onload="imageIsLoaded()" /> 
    </div> 
</div> 

<script type="text/javascript"> 
    function imageIsLoaded() { 
     document.getElementById("altText").style.display = "none"; 
     //show the image 
     document.getElementById("imagePlaceHolder").style.display = "block"; 
     //or set the image as background 
     document.getElementById("imageContainer").style.background = "center center no-repeat url('test.png')"; 
    } 
</script> 

только при загрузке изображения будет imageIsLoaded называться и таким образом показать изображение и скрыть альтернативный текст.