这个教程应网友私信所作,貌似说是phpwind9有这个,但这个算不上什么插件,只能帮下不懂js的站长。
图片懒加载算不上什么功能,不过是给img标签不加src资源,然后再滚动到图像所在区域时动态给img附上src,很简单。所以直接附上代码。
----------------------------------------------------- code-------------------------------------------------------
修改read.php第1004行左右,增加如下代码:
- $read['content'] = preg_replace("/
复制代码 我正则渣渣,如果出问题了就是这里的原因,到时候管理可要帮帮我!
修改后:- if (!$tpc_shield) {
- if ($read['ifwordsfb'] != $GLOBALS['db_wordsfb']) {
- $read['content'] = wordsConvert($read['content'], array(
- 'id' => ($tpc_pid == 'tpc') ? $tid : $tpc_pid,
- 'type' => ($tpc_pid == 'tpc') ? 'topic' : 'posts',
- 'code' => $read['ifwordsfb']
- ));
- }
- if ($read['aid']) {
- if ($GLOBALS['attachShow']->isShow($read['ifhide'], $tid)) {
- $read += $GLOBALS['attachShow']->parseAttachs($read['pid'], $read['content'], $winduid == $read['authorid']);
- $read['isAllowViewTucool'] = $admincheck || ($read['authorid'] == $winduid) || ($winduid || !$forumset['viewpic']);
- } else {
- $read['content'] = $GLOBALS['attachShow']->clearAttachTags($read['content']);
- }
- }
- if ($read['ifconvert'] == 2) {
- $read['content'] = convert($read['content'], $db_windpost);
- } else {
- $tpc_tag && $read['content'] = relatetag($read['content'], $tpc_tag);
-
- strpos($read['content'],'[s:') !== false && $read['content'] = showface($read['content']);
- }
- }
-
- $read['content'] = preg_replace("/
复制代码
修改你所用的模板的read.htm文件,在尾部- [/code]之前引入下面的代码:
- 第一步引入jquery(引入的就不要在引了):
- 第二步引入jquery.lazyload.js(貌似网上都用的这个,phpwind9应该也是):
- 代码如下:
- [code]
- $(function() {
- $("img[data-class='reloading']").lazyload({data_attribute:"src"});
- });
复制代码 然后就可以看下效果了。
网上有人反映jquery.lazyload.js效果有bug,不过我测试下这个版本的好像没问题,还有另外的插件可以用,这个只有1kb,还不错,各位选择一个使用吧!如下:
- $(function() {
- $("img[data-class='reloading']").scrollLoading({attr:"data-src"});
- });
复制代码
------------------------------------ code endl -----------------------------------------------------
下次有机会把帖内图片组的js也弄了算了,反正顺路。
不要问我js怎么引,这样我就真没办法了
ps:这js任何地方都可以用,适合图片较多的站。用法就是给img不设src,设一个data-src,再设一个data-class,例如
[code][/code]然后在用到的页面引入上面的js文件就可以了,用法不便多讲,有兴趣和有能力的朋友可以自己看下js插件用法!
有问题楼下回帖,谢谢!
js附件下载:
类型:
售价:0
大小:4KB
下载:10次
描述:
|
|