Question

我想使用基于data[i].id的链接创建滑块可点击的每个图像我不知道怎么做（我正在使用库cycle2）

有人可以给我一些建议吗？

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

Answer 1

Angularjs https://docs.angularjs.org/tutorial的一般教程构建了一个应用程序，其中加载了图像和json数据以构建滑块。我可以推荐它。

Answer 2

将你的img标签包装在锚元素

中

curl -k -H "Authorization: Bearer xxxxxxxxxxxxxxxx" -H "hawkular-tenant: test" -X GET https://www.example.com/test | python -m json.tool

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

2 个答案: