Discuz通过JS实现图片延迟加载教程

摘要: 已经好久没分享文章了,今天分享一下:Discuz通过JS实现图片延迟加载教程首先,下载本文的附件jquery.js、jquery.lazyload.js,然后,将下载的两个JS上传到static/js中其次,放置代码,沭阳web建议将代码放在footer. ...
已经好久没分享文章了,今天分享一下:Discuz通过JS实现图片延迟加载教程

首先,下载本文的附件jquery.jsjquery.lazyload.js,然后,将下载的两个JS上传到static/js中

其次,放置代码,沭阳web建议将代码放在footer.htm的最下面,不影响网站的加载速度,(注意:代码中的.ycjz修改成为自己网站的包含图片的类

<script type="text/javascript" src="{$_G[siteurl]}static/js/jquery.js"></script>
<script type="text/javascript" src="{$_G[siteurl]}static/js/jquery.lazyload.js"></script>
<script type="text/javascript">
var jq = jQuery.noConflict();
jq(function () {
jq(".ycjz img").hover(
function() {jq(this).fadeTo("fast", 0.5);},
function() {jq(this).fadeTo("fast", 1);
});
});
</script>
<script type="text/javascript">
var jq = jQuery.noConflict();
jq(function() {
jQuery(window).scrollTop(jQuery(window).scrollTop()+1).scrollTop(jQuery(window).scrollTop()-1)
jq(".ycjz img").lazyload({
effect : "fadeIn",
threshold : 200
});
});
</script>

附件:

新建文件夹.rar

相关阅读