1

我需要帮助来显示 img 元素，而无需刷新页面即可查看内容。

<script>      
   function init() {
       $('#pictureBox').attr('src', picture);
   }
</script>

<body onload="init();">
    <img id="pictureBox" src=""></img>
</body>
4

2 回答 2

2

你应该preload先图片（这会导致图片立即显示），然后你可以动态使用图片。 

<script>
   //preloading...
   var mypic = new Image();
   mypic.src = picture;

   $(window).load(function(){
       $('#pictureBox').attr('src', picture);
   });      
</script>

<body>
    <img id="pictureBox" src="" />
</body>

请注意，在html5标准中，img标签不能有空属性src

于 2013-07-18T07:15:53.463 回答
0

你可以改用jQuery，代码是这样的

  <html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
     <script type="text/javascript">     
        var picture = 'blabla/testimage.jpg';
        $(document).ready(function() {
           $('#pictureBox').attr('src', picture);
        });
       </script>
     <head/>

        <body>
            <img id="pictureBox" src=""/>
        </body>
   </html>
于 2013-07-18T07:09:15.457 回答