如何爲滑塊中的每個圖像創建鏈接

我想使用基於data[i].id的自己的鏈接創建滑塊中的每個圖像。
我不知道如何做到這一點（我正在使用庫循環2）如何爲滑塊中的每個圖像創建鏈接

有人可以給我一些建議嗎？

<script> 
    var img; 
    $(document).ready(function(){ 
      $.getJSON('http://localhost/daily_posts.ja.json', function(data){ 
       for (var i = 0, len = data.length; i < len; i++) { 
        img = "<img src='" + data[i].media.thumbnail + "' data-cycle-title='"+ data[i].title +"'/>" 
        $('.cycle-slideshow').append(img); 
       } 
       $('.cycle-slideshow').cycle('reinit'); 
      }); 
    }); 
</script> 

<body> 
    <div class="cycle-slideshow" data-cycle-caption-plugin="caption2"> 

     <div class="cycle-caption"></div> 
     <div class="cycle-overlay"></div> 

    </div> 
</body>

來源

2016-03-08 Praew Poj

它什麼response.data.records包含任何圖像源路徑或實際圖像的基本字符串事項內。如果它包含源路徑，那麼你需要在代碼中創建圖像。 –

謝謝你的回答，但我是angularjs的新手。你能給我一個代碼指南來創建圖像嗎？ –

替換您的

標籤與

–

Angularjs https://docs.angularjs.org/tutorial的一般教程建立一個應用程序，其中圖像和JSON數據被裝入到建立一個滑塊。我可以推薦它。

來源

2016-03-08 12:59:55

包住img標籤錨元素

var img = "<a href="+data[i].link+"><img //rest of your code></a>"

來源

2016-03-11 18:56:01

做了這樣的幻燈片不工作所有圖像顯示 –

檢查瀏覽器控制檯（檢查元素）的錯誤獲取提示。 –

如何爲滑塊中的每個圖像創建鏈接

回答

相關問題