第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

我需要從帶有 JSON 對(duì)象的數(shù)組創(chuàng)建一個(gè)圖像庫(kù)

我需要從帶有 JSON 對(duì)象的數(shù)組創(chuàng)建一個(gè)圖像庫(kù)

慕斯709654 2021-12-02 16:47:31
我有一個(gè)家庭作業(yè)的任務(wù)，我需要?jiǎng)?chuàng)建一個(gè)顯示 4 個(gè)圖像的簡(jiǎn)單畫廊。我需要將所有圖像放入 Array 中，其中每張照片都將位于 JSON 對(duì)象中并從數(shù)組加載圖像。這就是我現(xiàn)在的位置：<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")    }}());或者我應(yīng)該創(chuàng)建一個(gè)額外的變量 img= array_img[i] 并從中創(chuàng)建一個(gè)文本節(jié)點(diǎn)，然后附加 . 但是如何附加和設(shè)置所有圖像的 src 路徑。也許我需要為對(duì)象結(jié)構(gòu)創(chuàng)建和清空“src”？但我錯(cuò)過(guò)了一些東西。有人能幫我嗎？
查看完整描述

2 回答

?
慕俠2389804

TA貢獻(xiàn)1719條經(jīng)驗(yàn) 獲得超6個(gè)贊

這應(yīng)該運(yùn)行。確保在變量之前有一個(gè) $。


(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>


查看完整回答
反對(duì) 回復(fù) 2021-12-02
?
開心每一天1111

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超13個(gè)贊

我這樣做了，現(xiàn)在它起作用了。我不知道這是否是最好的方法，但是...


(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>")



    }


}());


查看完整回答
反對(duì) 回復(fù) 2021-12-02
  • 2 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)