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