Question

我想在弹出时隐藏或删除损坏的图像图标，并将其替换为文本：“图像错误”。现在，我有一些jQuery隐藏了破碎的图像图标，但我不能这样设置和显示替代文字。我是否需要更换替换图像，或者在隐藏损坏的图像图标时是否有显示文本的方法？

这是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>

重要的注意事项：具有缩略图图像的数据库表没有任何空白字段用于配置文件缩略图或线条绘制缩略图 - 有时候缩略图还不存在。

Answer 1

您的脚本完全没问题，您需要做的就是在隐藏图像后添加文本

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

用文本替换损坏的图像图标

1 个答案: