2011-05-30 148 views
0

我有一個關於JavaScript的問題,有一個大的圖片和縮略圖,我的JavaScript函數改變了從縮略圖中獲取它的大圖的鏈接,它工作正常,但我也有高速滑行,適用於大圖片,當點擊大圖片時,其實際大小顯示爲高速滑動,但我有一個小問題,當我更改大圖片的鏈接時,它會自動將此圖片的兩個鏈接,一個在大畫面和其他在縮略圖,所以我需要刪除在縮略圖的其他鏈接後,我一下就可以了,所以這是我的腳本現在:刪除重複的鏈接

$(document).ready(function() { 
    $('.image').click(function(event) { 
    event.preventDefault(); 
    var imagePath = $(this).attr("href"); 
    var newImg = new Image; 
    newImg.onload = function(){ 
     $('#big_picture2').hide(); 
     $('#big_picture2').attr('src', imagePath); 
     $('.product_image_large').attr('href', imagePath); 
     $('#big_picture2').fadeIn('slow'); 
    }; 
    newImg.src = imagePath; 
    }); 
}); 
+1

由於您似乎正在使用jQuery,因此我添加了該標記(替換「重複」),因此,專注於jQuery而不是JavaScript的人會看到它。 – 2011-05-30 08:13:32

+0

你的問題或問題是什麼? – reporter 2011-05-30 08:13:49

+0

@reporter我想刪除縮略圖中的重複鏈接,因爲我使用highslide,圖片的高速滑動將重複 – user775917 2011-05-30 08:16:32

回答

0

未經測試,但認爲這應該工作:

$(document).ready(function() { 
    $('.image').click(function(event) { 
    event.preventDefault(); 
//add big picture link to active thumbnail 
$('.image.active').attr('href',$('#big_picture2').attr('src')).removeClass('active'); 
//set new active thumbnail 
$(this).addClass('.active'); 
    var imagePath = $(this).attr("href"); 
//remove this href 
$(this).removeAttr('href'); 
    var newImg = new Image; 
    newImg.onload = function(){ 
        $('#big_picture2').hide(); 
        $('#big_picture2').attr('src', imagePath); 
        $('.product_image_large').attr('href', imagePath); 
        $('#big_picture2').fadeIn('slow'); 
    }; 
    newImg.src = imagePath; 
    }); 
});