联系官方销售客服

1835022288

028-61286886

POSCMS 版主:POSCMS负责人
内容页如何调用多图字段上传图片后的第 2 张照片
类型:POSCMS 更新时间: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
    0
    感谢大家给我解决此问题,我已经完美的解决
  • 迅睿粉丝
    #2楼    迅睿粉丝
    2017-09-01 20:25:48
    0
    {dr_thumb($duotu[1][file])}
  • 迅睿粉丝
    #3楼    迅睿粉丝
    2017-09-01 20:26:06
    0
    自定义的多图上传字段,我姑且认为是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
    Chrome 0
    @姜凯:感谢帮助