Разорванные ролловеры, но для каждого изображения нужна ссылка

Question

Давным-давно, в Adobe GoLive, было действие javascript для создания несвязанных ролловеров, и , чтобы изменить то, с чем было связано изображение, когда оно изменилось ... Мы использовали его для отображения обложек журнальных заданий (на http://www.radford.edu/rumag/pages/backissues.html), по годам, а затем ссылки на конкретную проблему. (mouseover 2009, увидеть обложки, щелкнуть по ним, mouseover 2010, посмотреть обложки, щелкнуть по ним и т. д.)

Поскольку GL не поддерживается, мы отказались от него и перешли к Dreamweaver, но у меня нет возможности добавлять новые элементы на эту страницу, и исходная страница также была повреждена на ходу, и не работа.

Я ищу новое решение, управляемое js / jquery или css, без php, чтобы дублировать это.

Спасибо за любой вклад.

Answer 1

Я не совсем уверен, чего вы пытаетесь достичь, но я попробую.

Вы можете использовать данные jQuery для хранения информации об URL для обложек, а также ссылок(идентификатор ссылки на каждый год - 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'));
});