Раздел вопрос-ответ Как открыть картинку в colorbox по клику на картинку img без ссылки a?

На странице имеются картинки без ссылок. Картинки уменьшены с помощью css. Как можно открыть картинку в colorbox на весь экран по клику на изображение (тег <img>) без ссылки <a>?

 

share

1 ответ

Вот так можно подключить вызов colorbox при клике по картинкам. В colorbox передаётся src картинки. При клике по картинке она откроется в colorbox:

<div><img src="/path/to/image" alt="image"></div>
$('img').click(function() {
	$(this).colorbox({
		href: $(this).attr('src'),
		opacity: "0.30"
	});
});

Не забудьте подключить скрипт библиотеки colorbox и jquery.

Добавить комментарий
    как минимум 5 символов

    icon Вход в систему

    зарегистрироваться
    НОВЫЕ ПОЛЬЗОВАТЕЛИ