亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我需要從帶有 JSON 對象的數組創建一個圖像庫

我需要從帶有 JSON 對象的數組創建一個圖像庫

慕斯709654 2021-12-02 16:47:31
我有一個家庭作業的任務,我需要創建一個顯示 4 個圖像的簡單畫廊。我需要將所有圖像放入 Array 中,其中每張照片都將位于 JSON 對象中并從數組加載圖像。這就是我現在的位置:<body> <div class="images"></div>(function (){    let array_img = [        {            filename:"20140222_131314",            title:"img1",                },        {            filename:"20140712_203709",            title:"img2",        },        {            filename:"20190318_182928",            title:"img3"        },        {            filename:"20190422_181219",            title:"img4"        }    ]    for (var i = 0 ; i<array_img.length ; i++){        arr_img = array_img[i]        var container = $(".images");        $container.append("<img/>").attr("src=/Photos/20140222_131314.jpg")    }}());或者我應該創建一個額外的變量 img= array_img[i] 并從中創建一個文本節點,然后附加 . 但是如何附加和設置所有圖像的 src 路徑。也許我需要為對象結構創建和清空“src”?但我錯過了一些東西。有人能幫我嗎?
查看完整描述

2 回答

?
慕俠2389804

TA貢獻1719條經驗 獲得超6個贊

這應該運行。確保在變量之前有一個 $。


(function() {

  let array_img = [{

      filename: "20140222_131314",

      title: "img1",


    },

    {

      filename: "20140712_203709",

      title: "img2",


    },

    {

      filename: "20190318_182928",

      title: "img3"

    },

    {

      filename: "20190422_181219",

      title: "img4"

    }

  ]

  for (var i = 0; i < array_img.length; i++) {

    $arr_img = array_img[i]

    var $container = $(".images");

    $container.append("<img src=/Photos/"+$arr_img[0]+".jpg/>");


  }


}());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="images">


</div>


查看完整回答
反對 回復 2021-12-02
?
開心每一天1111

TA貢獻1836條經驗 獲得超13個贊

我這樣做了,現在它起作用了。我不知道這是否是最好的方法,但是...


(function (){

    let array_img = [

        {

            filename:"20140222_131314.jpg",

            title:"img1",  



        },

        {

            filename:"20140712_203709.jpg",

            title:"img2",


        },

        {

            filename:"20190318_182928.jpg",

            title:"img3"

        },

        {

            filename:"20190422_181219.jpg",

            title:"img4"

        }

    ]

    for (var i = 0 ; i<array_img.length ; i++){

        var arr_img = array_img = [i]

        var $container = $(".images");

        $container.append(arr_img[i+1],"<img src=photos/20140222_131314.jpg>")

        $container.append(arr_img[i+1],"<img src=photos/20140712_203709.jpg>")

        $container.append(arr_img[i+1],"<img src=photos/20190318_182928.jpg>")

        $container.append(arr_img[i+1],"<img src=photos/20190422_181219.jpg>")



    }


}());


查看完整回答
反對 回復 2021-12-02
  • 2 回答
  • 0 關注
  • 155 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號