При наличии большого количества различных галерей с множеством различных функции, зачастую сложно выбрать наиболее подходящее решение. Особенно если нужно просто увеличить несколько фото.

Данное решение не требует библиотеки jQuery и весит всего 7.5 кб.

Подключение:

Внизу страницы подключаем скрипт intense.js или intense.min.js и назначаем для миниатюры или блока:

А для оформления (при желании) используем курсор для наведения plus_cursor.png и стиль:

Либо используем свои стили, но так как у нас нет ссылки на оригинальное фото, нужно как минимум будет прописать: cursor: pointer

HTML:

или

Где:

  • class = класс, через который открывается изображение.
  • data-image = большое изображение, которое открывается.
  • data-title = заголовок на увеличенном изображении (не обязательно)
  • data-caption = описание на увеличенном изображении (не обязательно)
Результат:
Горизонтальное фото
Вертикальное фото
Маленькое фото (не рекомендуется)

Дополнительную информацию можно найти на страничке автора

Добавить комментарий

Ваш комментарий отправлен!

Комментарии:

  • Ефим:

    По моему, при наличии множества профессиональных галерей, такие любительские скрипты уже не уместны.

    Ответить