2014-11-04 87 views
0

。我做一个例子embled视频:http://sachinchoolur.github.io/lightGallery/examples.html 和我有一个json的问题!点击图片(div json)时,我无法加载视频! 但是,当我点击图像(div)幻灯片视频加载完成,并在此幻灯片上,我可以加载所有视频(div和div json)!点击图片(div json)时,请帮助我加载视频。如何使用lightGallery.js加载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> 

回答

0

这是我的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>