欢迎光临
我们一直在努力

通过jq修改图片地址

<!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>
赞(1) 打赏
未经允许不得转载:杰西博客 » 通过jq修改图片地址
分享到: 更多 (0)

杰西吧漫画分享 更专业 更方便

漫画推荐联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏