首页 > 文章资讯 > 技术教程 > 帝国cms教程 > 帝国cms内容页newstext字段图片延迟加载功能

帝国cms内容页newstext字段图片延迟加载功能

时间：2023年11月10日

来源：网络

编辑：佚名

帝国cms内容页newstext字段图片延迟加载
1、把附件lazy文件直接上传到skin目录下，请查看是否有重名的，如有，请自行更改。
//图片延迟加载插件正则
function get_img_thumb_url($content="")
{
$pregRule = "/<[img|IMG].*?src=[\'|\"](.*?(?:[\.jpg|\.jpeg|\.png|\.gif|\.bmp]))[\'|\"].*?[\/]?>/";
$content = preg_replace($pregRule, '<img src="/skin/lazy/images/loading.gif" data-original="${1}">', $content);
return $content;
}
代码到e/class/userfun.php里面。
3、请到相应模板里面加入代码。如内容字段不是newstext，请自行修改。模板示例代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片加载技术实例</title>
<SCRIPT src="[!--news.url--]skin/lazy/jquery.js" type=text/javascript></SCRIPT>
<SCRIPT src="[!--news.url--]skin/lazy/jquery.lazyload.min.js" type=text/javascript></SCRIPT>
<script type="text/javascript" charset="utf-8">
$(function() {
$("img").lazyload({
placeholder : "[!--news.url--]skin/lazy/images/loading.gif",
effect: "fadeIn"
});
});
</script>
<style>
img a,img{border:0px;}
div{ margin-bottom:10px;}
</style>
</head>
<body>
<?=get_img_thumb_url(stripslashes($navinfor['newstext']))?>
</body>
</html>

新闻资讯更多

猜你需要