如何为滑块中的每个图像创建链接

我想使用基于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

做了这样的幻灯片不工作所有图像显示 –

检查浏览器控制台（检查元素）的错误获取提示。 –

如何为滑块中的每个图像创建链接

回答

相关问题