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

延遲加載在長網頁圖像的延遲加載。直到用戶滾動到視口才會加載視口外的圖像。這與圖像預加載相反。 使用上長網頁延遲加載會使頁面加載速度更快。在某些情況下，它也可以幫助減少服務器負載。