2 rocksent rocksent 于 2016.01.21 15:08 提问

javascript图片流问题

我有一个

 <div id="myDiv">

现在想用js或是jQuery通过远程下载一幅图片设为该div的背景
怎么做?求指教~

//图片大小1M 1920*1200

5个回答

showbo
showbo   Ds   Rxr 2016.01.21 16:10
已采纳
 <div id="myDiv" style="height:100px"></div>
<script>
    document.getElementById('myDiv').style.backgroundImage = 'url(http://www.w3dev.cn/theme/w3dev.gif)';
</script>
u014644418
u014644418   2016.01.21 15:15

<br> $(function(){<br> $(&#39;#div_pic&#39;).css(&#39;background&#39;,&#39;url(img_url)&#39;)<br> })<br>
qq_19891827
qq_19891827   2016.01.21 15:25

假设div的id为‘d1’;
var img=‘图片的网址链接.jpg/gif/png’;
img.onload=function(){
$('#d1').css('background-image','url(图片的网址链接.jpg/gif/png)');
};

rui888
rui888   Ds   Rxr 2016.01.21 15:35
 <!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("div").css("backgroundImage","url('http://i.imgur.com/mxDyAJp.jpg')")
});
</script>
</head>
<body>
<div  style="width:800px;height:800px;">111<div>
</body>
</html>
qq_31325033
qq_31325033   2016.01.21 17:36

找到你要的图片的相应路径直接链就上去就可以了。。。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
JavaScript图片轮转
JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转JavaScript图片轮转
轮换图片javascript特效
javascript 特效 乱换图片 javascript 特效 乱换图片 javascript 特效 乱换图片 javascript 特效 乱换图片 javascript 特效 乱换图片 javascript 特效 乱换图片 javascript 特效 乱换图片
javascript图片翻页
图片翻页javascript图片翻页javascript
JavaScript 图片滑动切换效果
JavaScript 图片滑动切换效果JavaScript 图片滑动切换效果JavaScript 图片滑动切换效果
Javascript输出图片
按比例输出,不会令图片变形!代码如下 function showimage(imageUrl,size,id) { var imgObj = new Image() imgObj.src = imageUrl; if (id==""){ id="" } if (id==1){ id=" align=left" } if (id==2)
javascript图片
-
JavaScript 与 图片
在 HTML 文档中 标签每出现一次,一个 FileUpload 对象就会被创建。 upfiledom.value 获取路径 var files = upfiledom.files[0];获取文件 files.type 获取文件类型 files.size 文件大小 HTML5读取文件核心代码 var reader = new FileReader(); reader
JavaScript 鼠标移动切换图片
JavaScript切换图片function showDaTu(src){document.getElementById("defaultImg").src=src;}因图片较大,请等待图片加载完成……然后鼠标放小图上就会切换了。
javascript图片自动切换效果
javascript图片自动切换效果 javascript图片自动切换效果
Javascript实现图片幻灯片
使用Javascript(js)和html实现图片浏览器,图片幻灯片,定时更改图片显示浏览