轻源码

  • QingYuanMa.com
  • 全球最大的互联网技术和资源下载平台
搜索
一起源码网 门户 PHPwind专区 查看主题

phpwind8.7帖内图片懒加载

发布者: nelson | 发布时间: 2018-4-21 15:37| 查看数: 4076| 评论数: 1|帖子模式

这个教程应网友私信所作,貌似说是phpwind9有这个,但这个算不上什么插件,只能帮下不懂js的站长。
图片懒加载算不上什么功能,不过是给img标签不加src资源,然后再滚动到图像所在区域时动态给img附上src,很简单。所以直接附上代码。


----------------------------------------------------- code-------------------------------------------------------



修改read.php第1004行左右,增加如下代码:

  1. $read['content'] = preg_replace("/
复制代码
我正则渣渣,如果出问题了就是这里的原因,到时候管理可要帮帮我!


修改后:
  1. if (!$tpc_shield) {
  2.     if ($read['ifwordsfb'] != $GLOBALS['db_wordsfb']) {
  3.         $read['content'] = wordsConvert($read['content'], array(
  4.             'id'    => ($tpc_pid == 'tpc') ? $tid : $tpc_pid,
  5.             'type'  => ($tpc_pid == 'tpc') ? 'topic' : 'posts',
  6.             'code'  => $read['ifwordsfb']
  7.         ));
  8.     }
  9.     if ($read['aid']) {
  10.         if ($GLOBALS['attachShow']->isShow($read['ifhide'], $tid)) {
  11.             $read += $GLOBALS['attachShow']->parseAttachs($read['pid'], $read['content'], $winduid == $read['authorid']);
  12.             $read['isAllowViewTucool'] = $admincheck || ($read['authorid'] == $winduid) || ($winduid || !$forumset['viewpic']);
  13.         } else {
  14.             $read['content'] = $GLOBALS['attachShow']->clearAttachTags($read['content']);
  15.         }
  16.     }
  17.     if ($read['ifconvert'] == 2) {
  18.         $read['content'] = convert($read['content'], $db_windpost);
  19.     } else {
  20.         $tpc_tag && $read['content'] = relatetag($read['content'], $tpc_tag);
  21.            
  22.         strpos($read['content'],'[s:') !== false && $read['content'] = showface($read['content']);
  23.     }
  24. }
  25.    
  26. $read['content'] = preg_replace("/
复制代码


修改你所用的模板的read.htm文件,在尾部
  1. [/code]之前引入下面的代码:
  2. 第一步引入jquery(引入的就不要在引了):
  3. 第二步引入jquery.lazyload.js(貌似网上都用的这个,phpwind9应该也是):
  4. 代码如下:
  5. [code]


  6. $(function() {
  7.      $("img[data-class='reloading']").lazyload({data_attribute:"src"});
  8. });
复制代码
然后就可以看下效果了。


网上有人反映jquery.lazyload.js效果有bug,不过我测试下这个版本的好像没问题,还有另外的插件可以用,这个只有1kb,还不错,各位选择一个使用吧!如下:



  1.   $(function() {
  2.       $("img[data-class='reloading']").scrollLoading({attr:"data-src"});
  3.   });
复制代码

------------------------------------ code endl -----------------------------------------------------


下次有机会把帖内图片组的js也弄了算了,反正顺路。


不要问我js怎么引,这样我就真没办法了



ps:这js任何地方都可以用,适合图片较多的站。用法就是给img不设src,设一个data-src,再设一个data-class,例如


[code][/code]然后在用到的页面引入上面的js文件就可以了,用法不便多讲,有兴趣和有能力的朋友可以自己看下js插件用法!


有问题楼下回帖,谢谢!


js附件下载:
类型:
售价:0
大小:4KB
下载:10次
描述:

最新评论

tsy2500 发表于 2022-6-10 17:37
源代码下载网页音乐

轻源码让程序更轻更快

QingYuanMa.com

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询

关注抖音号

定期抽VIP

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表