<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
</head>
<img id="myImage" src="0.jpg" >
<body>
<h3 id="test">请点击下面的按钮,通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
<!--neirong(-->
<div> <img class="lazy" data-original="//image.yqmh.com/mh/108526.jpg-300x400.webp" src="https://image.yqmh.com/mh/108526.jpg-300x400.webp"> </div>
<!--)neirong-->
</body>
<script>
$(document).ready(function(){
x=$(".lazy").toArray()
for (i=0;i<x.length;i++)
{
if(i<5){
alert($("img.lazy:eq("+i+")").attr("data-original"));
$.get("https://图片地址.txt",function(data){
$("img.lazy:eq("+i+")").attr('data-original',data);
});
}
}
$.get("https://图片地址.txt"",function(data){
$('#myImage').attr('src',data);
});
$("img.lazy").lazyload({
threshold: 360,
event: "lazyload",
effect: "fadeIn",
effectspeed: 2000
}).trigger("lazyload");
})
</script>
</html>
通过jq修改图片地址
未经允许不得转载:杰西博客 » 通过jq修改图片地址