Litebox插件不起作用

我一直在嘗試使用litebox插件創建一個用於彈出效果的圖庫。該網站是一個帶有一個主頁面的aspx網站。鏈接在母版頁：Litebox插件不起作用

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js" type="text/javascript"></script> 
<script src="assets/javascript/jquery.slides.js" type="text/javascript"></script> 
<script src="assets/javascript/jquery.slides.min.js" type="text/javascript"></script> 

<!--Litebox start--> 
<link href="assets/litebox/css/litebox.css" rel="stylesheet" type="text/css" /> 
<link href="assets/litebox/css/litebox.css" rel="stylesheet" type="text/css" /> 
<link href="assets/litebox/css/normalize.css" rel="stylesheet" type="text/css" /> 
<script src="assets/litebox/js/smoothscroll.js" type="text/javascript"></script> 
<script src="assets/litebox/js/images-loaded.min.js" type="text/javascript"></script> 
<script src="assets/litebox/js/litebox.js" type="text/javascript"></script> 
<script src="assets/litebox/js/backbone.js" type="text/javascript"></script>

彈出圖片：

<p> 
<a href="assets/images/portfolio/customizingQuestions.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1" ><img src="assets/images/portfolio/customizingQuestionsThumb.jpg" class="inline-block" /></a> 
       <a href="assets/images/portfolio/differentQuestionTypes.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/images/portfolio/differentQuestionTypesThumb.jpg" class="inline-block" /></a> 
       <a href="assets/images/portfolio/finalMoments.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/images/portfolio/finalMomentsThumb.jpg" class="inline-block" /></a> 
       <a href="assets/images/portfolio/pressingAButton.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/images/portfolio/pressingAButtonThumb.jpg" class="inline-block" /></a> 
       <a href="assets/images/portfolio/welcomeScreen.jpg" target="_self" class="inline-block litebox" data-litebox-group="group-1"><img src="assets/images/portfolio/welcomeScreenThumb.jpg" class="inline-block" /></a> 
      </p>

來源

2014-07-08 Daniel Camilleri

感謝您的回答餅乾，但它沒有做任何事情。當我點擊圖片時，只有那張圖片被重定向到空白頁面。 –

嘗試

HTML

<div id="gallery"> 
     <ul> 
      <li><a href="photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();"> 
       <img src="photos/thumb_image1.jpg" width="72" height="72" alt="" /> 
      </a></li> 
      <li><a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();"> 
       <img src="photos/thumb_image2.jpg" width="72" height="72" alt="" /> 
      </a></li> 
      <li><a href="photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();"> 
       <img src="photos/thumb_image3.jpg" width="72" height="72" alt="" /> 
      </a></li> 
      <li><a href="photos/image4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();"> 
       <img src="photos/thumb_image4.jpg" width="72" height="72" alt="" /> 
      </a></li> 
      <li><a href="photos/image5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();"> 
       <img src="photos/thumb_image5.jpg" width="72" height="72" alt="" /> 
      </a></li> 
     </ul> 
    </div>

的Javascript

<script type="text/javascript"> 
     $(function() { 
      $('#gallery a').lightBox(); 
     }); 
</script>

來源

2014-07-25 11:11:03 cracker

Litebox插件不起作用

回答

相關問題