业务经理

微信扫描以上二维码

028-61286886

技术咨询

这个代码怎么改list列表页面调用

迅睿框架 更新 2020-03-15 14:50:22 过把瘾
<div class="portlet-body text-center">
                                    <div id="layer-photos-demo" class="layer-photos-demo">
                                        {loop $images $i $c}
                                        <img layer-pid="{$i}" width="200" height="150" layer-src="{dr_get_file($c.file)}" src="{dr_thumb($c.file, 200, 150)}" alt="{$c.title}">
                                        {/loop}
                                        <script>
                                            layer.ready(function(){ //为了layer.ext.js加载完毕再执行
                                                layer.photos({
                                                    photos: '#layer-photos-demo'
                                                    ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机
                                                });
                                            });
                                        </script>
                                    </div>
                                </div>



这个代码怎么改list列表页面调用,


列表页面点击图片放大, 


直接调用第一条信息的可以点击放大图片,   、


但是第二张图片开始没用放大

方案

  • 迅睿框架创始人 #1 · 2020-03-11 12:59:26
    检查JS函数bom的唯一性关系
  • 琉惗 #2 · 2020-03-11 14:07:45
    满意答案
    1. //HTML示例
    2. <div id="layer-photos-demo" class="layer-photos-demo">
    3. <img layer-pid="图片id,可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
    4. <img layer-pid="图片id,可以不写" layer-src="大图地址" src="缩略图" alt="图片名">
    5. </div>
    6. <script>
    7. //调用示例
    8. layer.photos({
    9. photos: '#layer-photos-demo'
    10. ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机(请注意,3.0之前的版本用shift参数)
    11. });
    12. </script>
  • 琉惗 #3 · 2020-03-11 14:08:40
    <img layer-pid="{$i}" width="200" height="150" layer-src="{dr_get_file($c.file)}" src="{dr_thumb($c.file, 200, 150)}" alt="{$c.title}">
    这个里你都限定了宽高,把那个删掉
  • 过把瘾 #4 · 2020-03-11 16:24:23
    琉惗 首先谢谢您, 但是列表页面还是一样, 从第一条有效,第二条开始没用放大, 希望在帮我一次
  • 琉惗 #5 · 2020-03-11 16:26:53
    发QQ远程吧,我得看代码过把瘾
  • 过把瘾 #6 · 2020-03-11 16:36:08
    琉惗 删掉了
  • 过把瘾 #7 · 2020-03-11 16:38:58
    琉惗 我的意思是: 列表页面用这个代码? 列表页面循环帖子下面所有图片都点击放大
  • 过把瘾 #8 · 2020-03-11 16:39:44
    琉惗
    {loop $t['image'] $i $c}
                                            <img layer-pid="{$i}" layer-src="{dr_get_file($c.file)}" src="{dr_thumb($c.file)}" alt="{$t.title}">
                                            {/loop}
                                            <script>
                                                    layer.photos({
                                                        photos: '#layer-photos-demo'
                                                        ,anim: 5 //0-6的选择,指定弹出图片动画类型,默认随机
                                                    });
                                            </script>
  • 琉惗 #9 · 2020-03-11 17:01:14
    还没好吗?你不是有我QQ吗,私聊我看看代码啊
  • 过把瘾 #10 · 2020-03-15 14:50:22
    @琉惗:谢谢您的帮我,我用你的方法弄完了

迅睿系统漏洞

站群分站系统
站群分站系统(2026-10-15)
子站域名新增llms.txt访问
GEO系统
GEO系统(2026-10-14)
修复下载zip空白地址问题 修复流量复刻和任务队列错误
GeoSeo收录宝
GeoSeo收录宝(2026-10-14)
新增 站长工具箱 前端首页自动调用meta 数据
滑块验证码 Gocaptcha
滑块验证码 Gocaptcha(2026-10-13)
基于开源项目 go-captcha 的行为验证码插件,滑动拼图、区域...
GeoSeo工具箱
GeoSeo工具箱(2026-10-13)
优化巡检任务
GeoSeo排名助手
GeoSeo排名助手(2026-10-11)
加入大模型自定义
SEO聚合关键字
SEO聚合关键字(2026-10-11)
优化关键字列表页最多支持1万篇文章,过多会导致服务器扛不住;
CMS内容同步复制
CMS内容同步复制(2026-10-10)
增加时间是否更新的开关