• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Увеличение картинки при наведение курсором
Увеличение картинки при наведение курсором
Dimstrik
Пятница, 13 Марта 2015 | Сообщение 1
Оффлайн
Vip
Сообщений:621
Награды: 6


Всем привет друзья!

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

Для начало вам нужно скачать архив.



Теперь распакуйте архив и загрузите скрипт в файловый менеджер вашего сайта и не забудьте для скрипта предварительно создать папку js что бы в неё загрузить скрипт.

Вторым действием вам следует прописать сам скрипт в нижней части сайта

Код
<script type="text/javascript" src="/js/thover.js"></script>


И так теперь вам нужно открыть дизайн вид материала нужного вам модуля

И где у вас выводится код изображения нужно сделать так

Код
<div class="se-img"><a href="$ENTRY_URL$" data-photo="$IMG_URL1$"><img src="$IMG_URL1$" alt="$TITLE$" /></a></div>


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

Вот и всё удачи вам и вашему сайту!
Прикрепления: 3808845.png (439.9 Kb)


Сообщение отредактировал
Dimstrik - Пятница, 13 Марта 2015, 07:30
Страна: (RU)
Slavik
Пятница, 13 Марта 2015 | Сообщение 2
Оффлайн
Vip
Сообщений:1767
Награды: 4
Круто! smile happy wink

MIR-HACK.RU - Добро пожаловать в мир читов!
Страна: (RU)
Kosten
Пятница, 13 Марта 2015 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Это я как понимаю при наведение курсора, отлично для ресурсов, которые что то предлагают cool
Страна: (RU)
Dimstrik
Пятница, 13 Марта 2015 | Сообщение 4
Оффлайн
Vip
Сообщений:621
Награды: 6
Kosten, Можно и так а можно и хоть для какого сайта в скрипте можно настроить размер увеличиой картинки
Страна: (RU)
Kosten
Пятница, 13 Марта 2015 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
Dimstrik, просто это увеличение основном видел, где шаблоны продают, а точнее ресурс, что на первой картинке.
Страна: (RU)
Dimstrik
Пятница, 13 Марта 2015 | Сообщение 6
Оффлайн
Vip
Сообщений:621
Награды: 6
Kosten, Да я тоже этот скрипт видел на трёх магазинах шаблонов DLE и HTML
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Увеличение картинки при наведение курсором
  • Страница 1 из 1
  • 1
Поиск: