0

我想在它弹出时隐藏或删除损坏的图像图标,并将其替换为显示为:“图像错误”的文本。现在,我有一些 jQuery 可以隐藏损坏的图像图标,但我无法以这种方式设置和显示 alt 文本。我是否需要替换图像,或者是否有办法在隐藏损坏的图像图标时显示文本?

这是 jQuery 代码:

<script type="text/javascript">
    $(document).ready(function () {
        $("img").error(function () {
            $(this).hide();
        })
    .attr("src", "error with image");
    });
</script>

这些是表中用于显示图像缩略图的字段:

<asp:ImageField HeaderText="Line dwg Thumb" DataImageUrlField="LineDrawThumbnail" NullDisplayText="error with image"  ControlStyle-Width="75px" ItemStyle-HorizontalAlign="Center">
 </asp:ImageField>
 <asp:ImageField HeaderText="Profile Thumb" DataImageUrlField="ProfileThumbnail" NullDisplayText="error with image" ControlStyle-Width="75px"  ItemStyle-HorizontalAlign="Center">
  </asp:ImageField>           

重要的附注:具有缩略图的数据库表没有任何用于配置文件缩略图或线条绘制缩略图的空白字段 - 碰巧有时缩略图尚不存在。

4

1 回答 1

3

您的脚本非常好,您需要做的就是在隐藏图像后添加文本

<script type="text/javascript">
    $(document).ready(function () {
        $("img").error(function () {
            $(this).hide();
        })
    .after('<p>error with image</p>');
    });
</script>
于 2014-06-18T16:04:13.433 回答