2012-04-27 85 views
0

我有一個照片庫縮略圖更改主要大圖像。它工作得很好,但是我希望一旦用戶鼠標移開縮略圖,主圖像就會恢復爲原始圖像。有沒有辦法做到這一點?我看過很多類似的腳本,並嘗試過它們,但我無法解決它。任何幫助將非常感激地收到!我可以在縮略圖庫jquery腳本中更改我的圖像src嗎?

這是我使用的是什麼...

$(document).ready(function() { 
    $(".thumbs a").hover(function() { 
     var largePath = $(this).attr("href"); 
     var largeAlt = $(this).attr("title"); 
     $("#largeImg").attr({ 
      src: largePath, 
      alt: largeAlt 
     }); 
     return false; 
    }); 
}); 

的圖像來自數據庫,所以我不能給它一個明確的文件名。

謝謝

回答

0

嘗試存儲之前的圖像的值,然後再更改它們。

$(document).ready(function(){ 
    var oldPath, oldAlt; 

    $(".thumbs a").hover(function(){ 
     var largePath = $(this).attr("href"); 
     var largeAlt = $(this).attr("title"); 
     oldPath = $("#largeImg").attr("href"); 
     oldAlt = $("#largeImg").attr("title"); 

    $("#largeImg").attr({ src: largePath, alt: largeAlt }); 
     return false; 
    }).mouseout(function() { 
     $("#largeImg").attr({ src: oldPath, alt: oldAlt }); 
    }); 
}); 
+0

感謝您的建議。我剛剛嘗試過但沒有快樂。懸停時圖像發生變化,但主圖像不能恢復。我想我有一個很好的理由,爲什麼我找不到一個這樣做的畫廊的例子。 – 2012-04-27 01:07:23

相關問題