首页 > 编程知识 正文

layui相册控件,layui图标库

时间:2023-05-03 06:02:40 阅读:179985 作者:1713

1

让我们先看一下文档

2

修改html

这里用箭头指着三个地方

第一个是身份。 该值需要随着id的变化而变化。 否则,只有第一个列表可以点击,其他的都不能

第二个是onclick。 此事件必须将对象本身作为参数传递

3

js代码

js这里只需获取父级属性id值,并将其传递给photos

4

效果图https://MP article.UC.cn/video.html? UC _ param _ str=frdnsnpfvecpntnwprdssktwm _ aid=a 9573 db 0f de 74 f 20 BFA ed55 f 38 a64 b 94

补充代码

TD divid=' layer-photos-demo { $ v [ ' ft _ id ' ] } ' class=' layer-photos-demo '? PHP foreach $ v [ ' FTP _ image ' ] as $ v1 (: img layer-src=' { $ v1 } ' src=' { $ v1 } ' alt=' ' title='? php endforeach; 是什么? /div /td

function photos () layer.photos ) ) photos:'#layer-photos-demo ),调用选择anim: 5 //0-6以显示弹出图像}$ ().layer-Photos-demo ) ).click(function ) ) { var imgArry=[]; varid=$(this ).attr ) id ); $ ' # ' id (.find (img ) ).each ) function ) ) imgarry.push ) {'src':$ ) this ).attr ) }////初始显示图像编号,默认0 'data': imgArry } //格式请参见API文档手册页,anim: 5 //0-6 () )

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。