(function() { if ($('#id').length) { var win = $(window); var elements = $('#id').find('img'); var checkShow = function(event) { var fold = win.height() + win.scrollTop(); elements.each(function() { if (fold > $(this).offset().top) { $(this).trigger("appear"); elements = elements.not(this); } }); !elements.length && win.unbind("scroll", checkShow); }; elements.each(function() { $(this).one("appear", function() { $(this).attr("src", $(this).attr("longdesc")); }); }); win.bind("scroll", checkShow); checkShow(); } })();
原理就是:拓展html 属性 用来存放图片的src只需页面滚动的时候,切换过来即可、
上面的代码没有稳定撤退,其实只需要html按照原来的写法写、在加载的时候,把src换成lsrc 然后滑动时候,再切换回来即可、