javascript - 无需刷新页面即可显示img元素

标签 javascript html image

我需要帮助来显示一个没有 必须刷新页面才能看到内容。

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

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

最佳答案

您应该先预加载图片(这会导致图片立即显示),然后您就可以动态使用图片了。

<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

关于javascript - 无需刷新页面即可显示img元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17716767/

相关文章:

javascript - 无法读取 null 的属性 'getElementsByTagName'

javascript - javascript 闭包函数可以充当回调吗?

javascript - polymer 下拉列表问题

android - 使用 picasso 库获取图像宽度和高度

php - (Bigcommerce API) - 向现有产品添加图像

javascript - 检查数组中是否存在值 javascript

javascript - 使用 JavaScript 从网格数组中删除列

css - 使用显示网格时,主要内容部分向下移动,留下很大的间隙

html - 获得相同高度的DIV并且不相互覆盖

html - 无法将图像放在图像上