Как увеличить картинку по клику без заворачивания в ссылку?

Question

[Егор Огурцов]

На странице сайта есть картинка большого размера уменьшенная при помощи css-свойств. В ссылку картинка не завернута. Какой есть наиболее простой способ показать картинку в лайтбоксе без заворачивания ее в ссылку на саму себя с классом плагина? Десятки найденных плагинов требуют, чтобы картинка была завернута именно в ссылку.

Спасибо пожалуйста!

Answer 1

[Kirill Popolov]

Если использовать jquery, то можно так (это прикидка на скорую руку, просто продемонстрировать): jsfiddle.net/95ACL. Но это просто быстрая прикидка.

Вообще, в большинстве плагинов непосредственно ссылка не играет роли, может быть и span, если только не завязано на href или rel.

Comments

[Егор Огурцов]

Спасибо, то, что нужно! Немного допилил и уже работает!

Answer 2

[nSnayp]

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

Напиши свою функцию которая берет attr src из this и использует для вставки в модульное окно с нужными тебе размерами. Повесь функцию на онклик и все... Но смысл..?

Comments

[Егор Огурцов]

Смысл в том, что уже есть сайт с кучей таких картинок. Переделывать долго и муторно. Нужно показывать существующие картинки

[nSnayp]

ну тогда как я и сказал.