联系官方销售客服

1835022288

028-61286886

二次开发 版主:官方研发技术组
这个代码怎么改list列表页面调用
类型:迅睿CMS 更新时间: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
    Google Pixel 手机 0
    检查JS函数bom的唯一性关系
  • 琉惗
    #2楼    琉惗
    2020-03-11 14:07:45
    Chrome 0
    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
    Chrome 0
    <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
    iPhone手机 0
    琉惗 首先谢谢您, 但是列表页面还是一样, 从第一条有效,第二条开始没用放大, 希望在帮我一次
  • 琉惗
    #5楼    琉惗
    2020-03-11 16:26:53
    Chrome 0
    发QQ远程吧,我得看代码过把瘾
  • 过把瘾
    #6楼    过把瘾
    2020-03-11 16:36:08
    Chrome 0
    琉惗 删掉了
  • 过把瘾
    #7楼    过把瘾
    2020-03-11 16:38:58
    Chrome 0
    琉惗 我的意思是: 列表页面用这个代码? 列表页面循环帖子下面所有图片都点击放大
  • 过把瘾
    #8楼    过把瘾
    2020-03-11 16:39:44
    Chrome 0
    琉惗
    {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
    Chrome 0
    还没好吗?你不是有我QQ吗,私聊我看看代码啊
  • 过把瘾
    #10楼    过把瘾
    2020-03-15 14:50:22
    Chrome 0
    @琉惗:谢谢您的帮我,我用你的方法弄完了