业务经理

微信扫描以上二维码

028-61286886

技术咨询

内容页如何调用多图字段上传图片后的第 2 张照片

开源系统 更新 2020-12-14 12:37:30 迅睿粉丝

发布内容时,通过自定义的多图上传字段上传N张图片。。在内容页,如何单独调用 多张图里的 某一张?


或者 如何将 loop 后的 所有图片 在 js 里调用?


下面是我的 图片轮播 JS 代码。


items: []  items 里的格式貌似是 json 格式? 怎么在这个JS里输出 所有图片? 或者分别单独输出 每一张?



    <script>


      var pb1 = $.photoBrowser({

        items: [

          "http://m.web.test/uploadfile/thumb/201703/101d23cf91_1.jpg",

          "http://m.web.test/uploadfile/thumb/201703/101d23cf91_2.jpg",

          "http://m.web.test/uploadfile/thumb/201703/101d23cf91_3.jpg",

          "http://m.web.test/uploadfile/thumb/201703/101d23cf91_4.jpg"

        ],


        onSlideChange: function(index) {

          console.log(this, index);

        },


        onOpen: function() {

          console.log("onOpen", this);

        },

        onClose: function() {

          console.log("onClose", this);

        }

      });


      $("#pb1").click(function() {

        pb1.open();

      });


    </script>


方案

  • 迅睿粉丝 #1 · 2017-09-01 20:25:29
    感谢大家给我解决此问题,我已经完美的解决
  • 迅睿粉丝 #2 · 2017-09-01 20:25:48
    {dr_thumb($duotu[1][file])}
  • 迅睿粉丝 #3 · 2017-09-01 20:26:06
    满意答案
    自定义的多图上传字段,我姑且认为是duotu吧{dr_get_file($duotu[0][file])} 第一个图片
    js输出,我是这样写的,下面这句话放在头上
    <?php $duotu2=array();
    forearch($duotu as $f) {
    $duotu2[]=dr_get_file($f.file);
    }?>
    js改成
     var pb1 = $.photoBrowser({
            items: {json_encode($duotu2)},
  • 迅睿粉丝 #4 · 2020-12-14 12:37:30
    @姜凯:感谢帮助

迅睿系统漏洞

站群分站系统
站群分站系统(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)
增加时间是否更新的开关