图片设置src之前如何不显示x

ie7中图片设置src之前如何不显示x以前这样设置好像可以的
img.src = "javascript:void(0);";
但在ietest测试还是显示x
还有什么方法呢

解决方案 »

  1.   

    设置之前让他隐藏，加载后再显示这样可以不设置display:none
      

  2.   

    <img alt="" src = "javascript:void(0);"/>
      

  3.   


    这个我用ietest试过了
    会出现一个小图案
      

  4.   


    <!-- 一开始不要加src属性，就没有X了（但是会有一个小图标，不知道这样行不行） -->
    <img id="image1" />
      

  5.   

    用一张透明的gif图片作为初始图片吧
      

  6.   


    干脆用滤镜，一了百了，呵呵<img src="" alt="" style="filter:alpha(opacity=0); opacity: .0"/>
      

  7.   

    那不就是什么都不要显示？这个跟display：none有什么区别？如果需要占位的话用不可以用一个父级元素占位？
      

  8.   


    是啊，我看楼主的意思就是什么都不显示，不占空间的就用你的方法，保持源文档流空间的话就用visibility或者是我说的那滤镜想知道楼主就行是啥意思？
      

  9.   


    就是src设为透明gif的效果
    不隐藏
      

  10.   

    因为我就是想用img通过滤镜显示东西但又不想显示默认的红x或小图标
    那隐藏的话当然不行了，用div代替也行，用透明gif也行
    我是在找最好的方法而已
      

  11.   


    这样啊，那么用一个透明的gif或者是png图片应该是比较好的方法，同时要制定一下IMG的width和height
    因为非IE下（如FF或者是Chrome）若不设置大小，并且src和alt都为空，那么在文档文档流中根本就看不到它的存在
      

  12.   

    还是用透明的gif做默认图片实现最简单。另外img有一个onerror事件也可以利用。
      

  13.   

    display 不好使，那是渲染，占位但不可见的话就用 visibility 控制！L@_@K<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
     </head> <body>
      图前边<img id="imgTest" width="200" height="100" alt="" />图后边
    <script type="text/javascript">
    <!--
    var img = document.getElementById("imgTest");
    img.style.visibility = "hidden";
    img.onload = function() {
    // Insert your code.
    this.style.visibility = "visible";
    // Insert your code.
    };
    // Change your image url.
    img.src = "fontBoldSample.jpg";
    //-->
    </script>
     </body>
    </html>
      

  14.   

    兄弟要的是 #26 的效果么？反正 IE 7 下没 X，能占位，
    不过 FF 下没占位，前后的字直接连起来了！
      

  15.   

    在加载图片前动态的将<img>标签创建出来，再添加相应的属性，也就是说在创建<img>标签时设置src属性，这样就相当于动态的显示了图片,需要时创建，不需要不创建，需要占位的话可以用<div>节点，把<img>节点动态的添加进去就行了！
      

  16.   


    兄弟，你说“ie7中图片设置src之前如何不显示x”，可以你又说“我不要隐藏，因为我就是要显示它”？！既然没有设置 src，你又要显示？！你到底想达到啥效果呀？！折腾半天都不知道你到底想要啥，详细说说先
      

  17.   

    我要用img做容器显示滤镜
    所以要显示img
      

  18.   

    <img width="100" height="100" border="1" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAABAAEAAAICVAEAOw==" />IE6, IE7 不支持
      

  19.   

    我的想法是先不要给<img>指定SRC，这样<img>标签代表的就是一个图片占位符，是没有差号的，当要设置SRC时就用JS动态设置！
      

  20.   

    一定要用IMG来做滤镜容器么？DIV也可以吧？ ^_^
      

  21.   


    可以啊
    只是用img就更好
      

  22.   

    <img id="img" src="abc.gif" style="width:100px; height:100px; border:1px solid #000;"/>
    <script type='text/javascript' src="img.js" language="javascript"></script>img.js/* <---------------------------- 这里必须 js 文件的首行
    Content-Type: multipart/related; boundary="_cn_ialvin_web_script_javascript_"--_cn_ialvin_web_script_javascript_
    Content-Location:blankImage
    Content-Transfer-Encoding:base64R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAABAAEAAAICVAEAOw==
    */function map(path) {
    if (/^http\:\/{2}/i.test(path)) return path;
    return "http://" + location.host
    + ((/^[\/]/.test(path))? "" : location.pathname.replace(/[^\/]*$/,'')) + path;
    }var currentScript = document.scripts[document.scripts.length-1];
    !function() {
    var img = document.getElementById("img");
    if (/\bmsie [67]/i.test(window.navigator.userAgent)) {
    img.src = ("mhtml:" + map(currentScript.src) + "!blankImage");
    } else {
    img.src = "data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAABAAEAAAICVAEAOw==";
    }
    }();