2016-12-11 4 views
0

JSONの画像URLをJavaScriptスライドショー機能にリストする必要があります。イメージURLをjsonからJavaScriptスライドショーにリスト表示

関数からのURLのリストをJSONオブジェクトからのリストに置き換えることができますか?ここで

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("body").backgroundCycle({ 
     imageUrls: [ 
     'res/img/bg1.jpg', 
     'res/img/bg2.jpg', 
     'res/img/bg3.jpg' 
     ], 
     fadeSpeed: 2000, 
     duration: 5000, 
     backgroundSize: SCALING_MODE_COVER 
    }); 
    }); 
</script> 

はJSONです:

{ 
    "topbanners": [ 
     "http:\/\/kuuza.co.tz\/serengeti_090.jpg", 
     "http:\/\/kuuza.co.tz\/p4030235.jpg", 
     "http:\/\/kuuza.co.tz\/banner1.jpg" 
    ] 
}  

答えて

0
function getUrls() { 
      var obj = { 
       "topbanners": [ 
        "http:\/\/kuuza.co.tz\/serengeti_090.jpg", 
        "http:\/\/kuuza.co.tz\/p4030235.jpg", 
        "http:\/\/kuuza.co.tz\/banner1.jpg" 
       ] 
      }; 
      var banners = obj.topbanners; 
      var urls = []; 

      for (var i = 0; i < banners.length; i++) { 
       urls.push(banners[i]); 

      } 
      return urls; 
     } 

     $(document).ready(function() { 
      $("body").backgroundCycle({ 
       imageUrls: getUrls(), 
       fadeSpeed: 2000, 
       duration: 5000, 
       backgroundSize: SCALING_MODE_COVER 
      }); 
     }); 
+0

これはよく感謝メイトに動作します。 –

関連する問題