Вопрос по jquery

Sasha Ivlev
На сайте с 16.08.2011
Offline
15
480

Всем привет!

Вопрос такой, главная страница сайта написана на html (сайт без движка). На странице есть блок из 6 картинок, с помощью подключенного скрипта картинка при наведении курсора становится цветной, если убрать курсор - становится черно белой. Вот скрипт:

$(document).ready(function() {

$("#img1,#img2,#img3,#img4,#img5,#img6").mouseover(function(){

//console.log(this.src);

//$(this).css("opacity",1);

$(this).animate( {opacity:1}, 700);

});

$("#img1,#img2,#img3,#img4,#img5,#img6").mouseout(function(){

//console.log(this.src);

$(this).stop();

$(this).css("opacity",0);

});

});

как к каждой картинке добавить ссылку, что бы при нажатии пользователь переходил на определенную страницу.

Спасибо.

ДП
На сайте с 23.11.2009
Offline
203
#1

оберните картинку в нужныую ссылку, типа <a href="http://"><img/></a>

gormarket
На сайте с 29.12.2010
Offline
47
#2

Если не добавлять ссылку, а добавить функцию перехода на нужную страницу при клике на картинку, то можно так:

$("#img1").click(function() {document.location="http://....";});

$("#img2").click(function() {document.location="http://....";});

для каждой картинки с указанием вместо "http://...." нужных адресов.

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
Sasha Ivlev
На сайте с 16.08.2011
Offline
15
#3

Спасибо большое ребята. Использовал второй вариант, помогло!:)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий