Question

。我做了一个示例动态视频：http://sachinchoolur.github.io/lightGallery/examples.html 我和json有问题！在网站点击图片（div json）时我无法加载视频！但是当我点击图像（div）幻灯片视频加载完成并在这张幻灯片上我可以加载所有视频（div和div json）!!当我点击图片（div json）视频必须加载时请帮助我。

这是我的代码：

<script type="text/javascript">
    $(document).ready(function () {
        $.post("listvideojson.aspx", function (response) {
            var listlinks = JSON.parse(response);
            for (var i = 0; i < listlinks.length; i++) {
                $("#video").append("<div data-src='" + listlinks[i].link + "'><img class='hinh' src='Images/149712_133340426820507_1784820870_n.jpg' /></div>");
            }
        });
    });
</script>
<link href="CSS/lightGallery.css" rel="stylesheet" />
<script src="Scripts/lightGallery.js"></script>

Answer 1

这是我的HTML主体：

<div id="video">
    <div data-src="https://vimeo.com/110223381">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
    <div data-src="https://vimeo.com/110223326">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
    <div data-src="https://vimeo.com/110214790">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
    <div data-src="https://vimeo.com/110214789">
        <img class="hinh" src="Images/10156016_399548070182677_8227239214459379074_n.jpg" />
    </div>
</div>

如何使用lightGallery.js加载json视频？

1 个答案: