img альтернативный текст вместо сломанного изображения значок

Question

Я отправляю html построенный почтовый ящик.
Есть ли способ отображения альтернативного текста, пока изображения еще не загружены?
Я попытался совместить два div с img и текстом, он работает, но проблема в том, что отображается значок сломанного изображения.

<div style="width:100%;min-height:50px!important;text-align:center;background-color:#eee;border-bottom:solid 2px #aaa"> 
    <div style="min-height:10px">&nbsp;</div> 
    <div style="min-height:30px"> 
     <div style='width:200px;margin:0 auto;'> 
      <a href="http://google.com" target="_blank"> 
       <div style='position:relative;'> 
        <div style='position:absolute; height:30px;width:200px;z-index:1000;'> 
         <img height="30" width="200" alt="View Presentation" src="http://www.clker.com/cliparts/X/1/Q/v/b/2/green-button.svg"> 
        </div> 
        <div style='position:absolute;height:30px;width:200px;background-color:#EEE;'> 
         Click here to view 
        </div> 
       </div> 
      </a> 
     </div> 
    </div> 
    <div style="min-height:10px">&nbsp;</div> 
</div> 

Любезно увидеть мою работу здесь ..

http://jsfiddle.net/msvillanueva/aYuAd/1/

Answer 1

Этот плагин JQuery может помочь вам

http://www.appelsiini.net/projects/lazyload

Lazy Load - это задержка загрузки изображений на длинных веб-страницах. Изображения за пределами области просмотра не загружаются до тех пор, пока пользователь не прокрутит их. Это противоположно предварительной загрузке изображений. Использование ленивой загрузки на длинных веб-страницах сделает загрузку страницы быстрее. В некоторых случаях это также может помочь снизить нагрузку на сервер.