Эффект при наведении на миниатюру - почти прикрутил, как докрутить? - JoomGallery

Здравствуйте, наткнулся на форуме JoomGallery на тему эффектов при наведении курсора (топикстартер пытался прикрутить это к JoomGallery):

http://www.forum.en.joomgallery.net/index.php?topic=7135.0

Вот оригинальная страница эффектов:

http://tympanus.net/Tutorials/OriginalHoverEffects/index.html

Вот сам код (варианта DEMO1):

http://tympanus.net/Tutorials/OriginalHoverEffects/css/style1.css

Попробовал прописать в joomgallery.css этот код, заменив ".view-first" на ".jg_photo_container" (для того, чтобы эффект проявился именно в разделе "Категория") - эффект появился, но:

1. увеличение выходит за пределы миниатюры (в оригинале границы превью не меняются);
2. название категории не отображается внутри превью (хотелось убрать название категории под миниатюрой, отображая его на миниатюре при наведении, как в примере);
3. нет затемняющего цвета (в примере желтого, где он вообще регулируется?).

Словом, что я делаю не так и как сделать так?

Тестирую здесь.

.jg_photo_container img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .jg_photo_container:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }

Описание изображений при наведении отображается с тегами Автор Maffo	Ответов: 0 Просмотров: 3204	16.12.2022, 18:52:19 от Maffo
[Решено почти] Формирование meta name="keywords" и meta name="description" - выпрямляем. V 1.5.7.1 Автор Beer	Ответов: 34 Просмотров: 15478	28.01.2013, 15:40:41 от konservator
большие thumbnails при наведении Автор aLzy	Ответов: 2 Просмотров: 1833	11.11.2010, 18:42:29 от aLzy
Сдвигается текст при наведении курсора Автор Timothey.B	Ответов: 2 Просмотров: 2285	09.11.2009, 15:27:12 от Фей

Эффект при наведении на миниатюру - почти прикрутил, как докрутить? - JoomGallery

Новости Joomla

‼️ 👩‍💻 Обновление безопасности для Tassos Framework!

👩‍💻 Joomla включена в программу Google Summer of Code 2026.

Вышли релизы Joomla 6.0.3 и Joomla 5.4.3

marbert

Эффект при наведении на миниатюру - почти прикрутил, как докрутить?

marbert

Re: Эффект при наведении на миниатюру - почти прикрутил, как докрутить?

Похожие темы