Увеличение изображения при наведении курсора средствами jQuery
|
|
Размер: 13,2 Мб. Длительность: 8 мин. 20 сек. |
В этом видеоуроке мы рассмотрим скрипт, с помощью которого можно реализовать увеличение изображения при наведении на него курсора мыши.
Такая функция может быть полезна во многих случаях.
Вы можете:
- показывать уменьшенные фото товаров в интернет-магазине
- создавать галереи из фотографий с небольшими превью-картинками
- демонстрировать ваши портфолио и т.д.
Данный скрипт можно применять в самых разных ситуациях, если вам нужно сэкономить место на экране, дав при этом человеку возможность разглядеть каждое из изображений в более высоком разрешении.
В данном видео мы рассмотрим функционирование этого скрипта и разберем его настройки, которые позволяют управлять основными параметрами:
- размером увеличенного изображения
- положением изображения относительно его первоначальной позиции
- отступами между изображениями
- скоростью анимации и др.
Вы можете просмотреть этот урок прямо сейчас, либо скачать его себе на компьютер по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по адаптивной верстке. Все это позволит вам быстрее овладеть важными навыками в создании сайтов:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
|
|
50 классных сервисов, программ и сайтов для веб-разработчиков |
|
|
|
|
|
Как создать почтовый ящик со своим доменом? Реклама
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
