2011-02-06 3 views
0

Я показываю некоторые изображения с помощью простого скрипта, показанного ниже. как я могу сделать изображения кликабельными?добавление интерактивных ссылок на изображение с кодом jQuery

спасибо!

$(function() { 
    $('.fadein img:gt(0)').hide();  
    setInterval(function() { 
     $('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein'); 
    }, 4000); 
}); 
+2

JScript? Вы имеете в виду jQuery? ':)' –

+0

Пожалуйста, удалите JScript-тег, JScript! = Javascript –

+0

@ M28: Я ответил на вопрос – Jan

ответ

0
$(function() { 
    $('.fadein img:gt(0)').hide(); 
    $('.fadein img:gt(0)').click(function() { 
     window.location.href = 'http://www.google.com'; 
    }); 
    setInterval(function() { 
     $('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein'); 
    }, 4000); 
}); 
+0

У меня есть два изображения, переключающиеся между собой. Я хочу, когда браузер нажимает «только» второе изображение, щелкая его на новый сайт. Не могли бы вы написать для меня весь скрипт, делающий этот трюк, включая мой оригинальный скрипт? – heyyou

+0

Проверьте код сейчас. Конечно, вы можете цепочки строк 2 и 3. – Jan

+0

нет http: //? скажем, я хочу пойти на google.com, как мне включить это? – heyyou

0

Ну, конечно, вы будете нуждаться, чтобы решить, что делать когда изображение щелкнул, но:

$('.fadein').delegate('img', 'click', function() { 
    var clickedImg = this; 
    // your code 
    }); 
+0

У меня есть два изображения, переключающиеся между собой. Я хочу, когда браузер нажимает «только» второе изображение, щелкая его на новый сайт. Не могли бы вы написать для меня весь скрипт, делающий этот трюк, включая мой оригинальный скрипт? – heyyou

+0

Ну, я могу обновить это - в следующий раз было бы неплохо включить такие детали в ваш оригинальный вопрос! – Pointy

Смежные вопросы