問題與jQuery燈箱插件庫

我有以下畫廊成立的jQuery： -問題與jQuery燈箱插件庫

<script type="text/javascript"> 
    $(function() { 
     $(".image").click(function() { 
      var image = $(this).attr("rel"); 
      $('#galleryImage').hide(); 
      $('#galleryImage').fadeIn('slow'); 
      $('#galleryImage').html('<img src="' + image + '"/>'); 
      return false; 
     }); 
     $("#galleryImage").click(function() { 
      var imageLarge = $(this).attr("rel"); 
      $('#galleryImage').html('<a href="' + imageLarge + '"/>'); 
      $('#galleryImage a').lightBox(); 
     }); 
    });

<div id="galleryImage"> 

     <a href=""><img src="../../Images/Design/Gallery/HavellHouse/havellhouse-small1.jpg" width="337" height="223" alt="forbury court" /></a> 
</div> 

    <a href="#" rel="../../Images/Design/Gallery/HavellHouse/havellhouse-small1.jpg" class="image"> 
     <img src="../../Images/Design/Gallery/HavellHouse/Thumbs/havellhouse-thumb1.jpg" class="thumb" border="0" /></a> 

    <a href="#" rel="../../Images/Design/Gallery/HavellHouse/havellhouse-small2.jpg" class="image"> 
     <img src="../../Images/Design/Gallery/HavellHouse/Thumbs/havellhouse-thumb2.jpg" class="thumb" border="0" /></a> 

    <a href="#" rel="../../Images/Design/Gallery/HavellHouse/havellhouse-small3.jpg" class="image"> 
     <img src="../../Images/Design/Gallery/HavellHouse/Thumbs/havellhouse-thumb3.jpg" class="thumb" border="0" /></a>

這需要點擊縮略圖時rel屬性值，並將其插入galleryImage div允許用戶通過全部顯示在一個地方的縮略圖選擇不同的圖像。

現在，我想要做的是將燈箱應用於#galleryImage div中的當前圖像，以便如果用戶單擊它，通過lightbox插件會出現更大的版本，但我無法完全獲得我的回頭看看如何做到這一點，這是我迄今爲止的目標，我是否正朝着正確的方向前進？

來源

2012-02-22 dtsg

bump for help .. – dtsg 2012-02-22 21:18:05

固定它，使用：

$(".image").click(function() { 
    var image = $(this).attr("rel"); 
    var imageLarge = $(this).attr("title"); 
    $("#galleryImage img").attr("src",image); 
    $("#galleryImage a").attr("href", imageLarge); 
    return false; 
}

使用其存儲的URL到大的圖像的標題值，從當前選擇的縮略圖拍攝和只設置在jQuery的屬性值而不是插入一串HTML的right into the div

來源

2012-02-23 18:13:22 dtsg

問題與jQuery燈箱插件庫

回答

相關問題