JQuery - изменение источника img из списка ссылок?

Question

У меня есть список ссылок со значком рядом с ним - я хотел бы иметь возможность изменить источник значка img, когда указатель мыши находится над ссылкой (чтобы каждая ссылка сменила значок на другое изображение) и я хотел бы сделать это с помощью jquery, но я не могу понять, как лучше всего это сделать.

В идеале я хотел бы дать ссылкам класс, чтобы я мог использовать его в селекторе jquery, но как мне тогда отправить имя изображения для загрузки в функцию jquery? мне нужно определить атрибут в каждой ссылке, которая содержит имя изображения? как бы я предварительно загрузить изображения, если я сделал это так?

Answer 1

вы не указали источник изображения для своего вопроса, поэтому я предполагаю label атрибут источника изображения,

Попробуйте Demo: http://jsbin.com/ubipo3

$(function() {
  var arey = [];
  $('.links').each(function() {
    var img = new Image(); //preload Images
    img.src = $(this).attr('label');
    arey.push(img);   
  }).hover(function(){
    $('#icon').attr('src',$(this).attr('label')); 
  });
});