我正在参加「码上掘金挑战赛」详情请看:码上掘金挑战赛来了!
前言
在h5里面加载一个图片其实还是很简单的,实现方式也很多,但是在我们可以利用图片img
主要是利用src属性
1,创建一个盒子,设置src属性
<img id="img1" class="imgRotate" src="http://www.baidu.com/img/logo-yy.gif" /></div>
2,然后设置一些css属性
#div1 {
width: 800px;
height: 600px;
background-color: #ff0;
position: absolute;
}
.imgRotate {
width: 100px;
height: 80px;
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -50px;
}
可能会遇到的问题
1.问题出在CDN,CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。用它链接,有时会派发出问题,所以访问不了。 2.当换一个图片链接,可以成功,那会不会是图片链接本身有瑕疵。也就是说不一定就是编译器这里的问题。
在引用网络资源时,本事就会时常遇到各种问题,所以建议在没有版权问题时,最好把资源下载在自己的服务器上使用。 3.用sublime保存为html文件,双击可以看到网页上得到这个图片资源了,这个时候地址栏是:file:///C:/Users/Vin/Desktop/test.html。但是,当我用Hbuilder或者webStorm这种编译器运行时,访问图片资源被禁止了,这是错误提示: