JQUERY爲多個圖像單擊事件

我創建一個圖像庫僅用於獲得樂趣，以擴展我對JQUERY的入門知識。該畫廊有一堆縮略圖，點擊時會在圖像查看器div中顯示一個大圖像。另外，當縮略圖處於活動狀態時（正在查看圖像）縮略圖的動畫從75px到100px。JQUERY爲多個圖像單擊事件

我已經通過在所有圖像中插入id來手動工作，然後通過每個圖像錨點傳遞它。下面的結構：

<div class="thumbnails" id="thumbnail_1"> 
    <a href="#" class="thumb_link" onclick='loadImage("#thumbnail_1","#image_1", "1");'> 
    <img src="image-url-#.png" alt="Image 1" border="0" id="image_1" class="thumb_img" /></a> 
    </div>

這對所有縮略圖重複。當用戶點擊，圖像被加載到 <div id="image_viewer"></div>

我的問題是，我想讓我的畫廊儘可能動態。我想知道某個用戶點擊了哪個鏈接，而無需爲每個縮略圖創建一個ID。

我可以通過使用得到鏈接的數量，這會給我的縮略圖鏈接的數量。但是，我怎麼知道哪一個被點擊以顯示與該縮略圖相關的圖像？

示例：在第三縮略圖用戶點擊，示出了用於大拇指圖像3.

的LoadImage功能：

function loadImage(thumb, id, imgNum){ 
    $(thumb).animate({width:100, height:100},500); 
      $(id).animate({width:100, height:100},500); 
      $(thumb + " a").animate({width:100, height:100},500); 


      $("#image_viewer").html('<img src="imagesurl-'+ imgNum + '.jpg" border="0" alt="image: '+ imgNum+'" />'); 



    }

我希望能夠通過使得每個標籤還可以分配要加載的類的圖像像這樣：

$(".thumbnails").eq(whatever_the_index_value_is).animate({width:100, height:100},500);

我需要知道點擊的數組值，所以我可以訪問這些信息。

一個我想要做的是這樣的話，我可以找到特定的縮略圖屬性（圖片的alt標題SRC等）和其他地方插上他們的原因。

任何幫助將受到歡迎！

來源

2010-07-16 Ian

$(document).ready(function(){ 
    $(".thumb_link").click(function(event){ 
    event.preventDefault(); 
    check_image($(this)); 
    }); 
});

上述代碼中的$(this)是一個JavaScript對象，它包含所有點擊的圖像。然後，您可以查詢您需要的任何信息。

來源

2010-07-16 17:51:16 godswearhats

感謝您的幫助。你的回答幫了我很多！ – Ian 2010-07-16 20:30:20

JQUERY爲多個圖像單擊事件

回答

相關問題