img 替代文本而不是损坏的图像图标答案

【问题标题】：img alternative text instead of broken image iconimg 替代文本而不是损坏的图像图标
【发布时间】：2013-12-13 19:35:12
【问题描述】：

我正在发送一个 html 构建的电子邮件正文..
有没有办法在图像尚未加载时显示替代文本？
我尝试用 img 和 text 重叠两个 div，它可以工作，但问题是显示损坏的图像图标。

<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/

【问题讨论】：

标签： html image

【解决方案1】：

这个 jQuery 插件可以帮助你

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

延迟加载是延迟加载长网页中的图像。在用户滚动到它们之前，不会加载视口之外的图像。这与图像预加载相反。在长网页上使用延迟加载将使页面加载更快。在某些情况下，它还可以帮助减少服务器负载。

【讨论】：

我正在生成一个将作为电子邮件发送的 html 正文。我没有编写通常的 html 正文。