Question

jquery 阻止浏览器载入图片代码

求一个阻止浏览器载入图片代码
让.k1里图片网址停止载入
<p class="k1">
<img src="">
</p>
不是去掉里面的图片网址 让它还保留原样 只是阻止载入
就是浏览网页状态栏会提示正在加载的文件 我想停止指定区域图片不被载入

Answer 1

建议你可以参考一下jquery.lazyload插件的实现原理。
它的目的是控制图片根据当前页面滚动条的位置进行加载的。
大概代码是:
$(function(){
$('.k1 img').bind('load', function(){
$(self).hide().attr('src', '用以替换的图片地址')；
self.loaded = true;
});
});

这只是在图片载入之前，替换掉原有图片地址，用以阻止实际图片的载入；

Answer 2

楼上的行不通，要想阻止加载，那就必须在dom加载完毕就立刻执行src的改变，不然一样会加载进来

所以你可以试试删除，把真实src放在新建立的属性上。

$(document).ready(function() {
    $("img").removeAttr("src");
});

以下是利于seo的延迟写法。

lazyload.js 延迟加载效果，有很多图片为主的网站利用这个能大大提高用户体验和服务器利用率，但是有一点不好就是对搜索引擎不友好，因为蜘蛛看到的不是真实地址，那么如何解决类似问题呢？其实这个问题可以利用js避免掉。代码如下：

<script>
$(document).ready(function() {
    $("img").removeAttr("src");
});
$(function(){
    $("img").lazyload({effect: "fadeIn"});   
})
</script>

页面图片写法如下
<img src="1.jpg" data-original="1.jpg" alt="">
<img src="2.jpg" data-original="2.jpg" alt="">


这样效果不影响，只是利用了jQuery的便利，$(document).ready()在文档dom加载完毕就删除了src，所以不会有请求，这样就相当于在我们使用前，是利用js删除的src，而不是我们程序不输入图片。