脫節翻車，但每個圖像需要一個鏈接

Question

很久以前，在Adobe GoLive中，有一個JavaScript行動創造脫節翻車，和改變什麼eaqch圖像鏈接到時它改變了...... 我們使用它會按年份顯示雜誌背書封面（在http://www.radford.edu/rumag/pages/backissues.html上），然後鏈接到特定問題。 （鼠標懸停2009年，看到它的封面，點擊它們，鼠標懸停2010年，看到它的封面，點擊它們，等）

隨着GL不支持，我們已經拋棄了它&轉移到Dreamweaver中，但我有沒有辦法將新項目添加到該頁面，並且原始頁面也沿着外部被破壞，以及&不起作用。

我正在尋找一個新的解決方案，js/jquery或css驅動，沒有PHP，複製它。

感謝您的任何意見。

Answer 1

我不完全確定你要達到的目標，但我會試一試。

您可以使用jQuery數據存儲有關的網址爲封面信息以及 的鏈接（每年鏈接的ID爲y）：

$(document).ready({ 
    $('#y2010').data('imageurl', 'http://url.to/image.jpg'); 
    $('#y2010').data('linkurl', 'http://url.to/issue'); 
    }); 

當用戶正在徘徊的鏈接，負載數據

$('#y2010').hover(function(){ 
    $('#<cover image id>').attr('src', $(this).data('imageurl')); 
    $('#<issue link id>').attr('href', $(this).data('linkurl')); 
});