Изображение из черно-белого в цветное с помощью jQuery
|
|
Размер: 8,2 Мб. Длительность: 5 мин. 50 сек. |
В этом видео мы рассмотрим с вами простой скрипт, позволяющий добиваться красивого и стильного эффекта.
Изначально у нас есть черно-белые картинки, которые становятся цветными при наведении курсора мыши.
Для работы скрипта нужно подготовить по две картинки для каждого предполагаемого элемента галереи.
Одна картинка должна быть черно-белой. Другая же - цветной.
Наличие двух версий одного изображения и позволяет нам осуществлять плавный эффект их смены при наведении курсора мыши.
Для создания эффекта используется функция animate из JavaScript-библиотеки jQuery.
Используйте этот простой и функциональный скрипт для создания стильных фотогалерей, портфолио и других вещей подобного плана.
Вы можете просмотреть этот урок прямо сейчас, либо скачать его себе на компьютер по ссылке выше.
P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по созданию своей CMS-системы на PHP с нуля. Все это поможет вам быстрее и проще освоить практические навыки веб-программирования:
Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!
Смотрите также:
|
|
50 классных сервисов, программ и сайтов для веб-разработчиков |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Как выбрать и зарегистрировать домен? Забиваем Сайты В ТОП КУВАЛДОЙ - Уникальные возможности от SeoHammer
Каждая ссылка анализируется по трем пакетам оценки: SEO, Трафик и SMM.
SeoHammer делает продвижение сайта прозрачным и простым занятием.
Ссылки, вечные ссылки, статьи, упоминания, пресс-релизы - используйте по максимуму потенциал SeoHammer для продвижения вашего сайта.
Что умеет делать SeoHammer
— Продвижение в один клик, интеллектуальный подбор запросов, покупка самых лучших ссылок с высокой степенью качества у лучших бирж ссылок. — Регулярная проверка качества ссылок по более чем 100 показателям и ежедневный пересчет показателей качества проекта. — Все известные форматы ссылок: арендные ссылки, вечные ссылки, публикации (упоминания, мнения, отзывы, статьи, пресс-релизы). — SeoHammer покажет, где рост или падение, а также запросы, на которые нужно обратить внимание. SeoHammer еще предоставляет технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Зарегистрироваться и Начать продвижение |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
