<MyRusakov.ru />

Разработчик игр на Unreal Engine

Разработчик игр на Unreal Engine

Этот комплект с нуля всего за 7 месяцев сделает Вас Unreal-разработчиком. И при этом учиться достаточно 1 час в день.

Начнёте Вы с основ программирования, постепенно перейдя к C++. Затем очень подробно изучите Unreal Engine, и после научитесь программировать на C++ в Unreal Engine. В конце создадите крупный проект на C++ в Unreal Engine для своего портфолио.

Комплект содержит:

- 416 видеоуроков

- 95 часов видео

- 1024 задания для закрепления материала из уроков

- 3 финальных тестирования

- 4 сертификата

- 12 Бонусных курсов

Подробнее
Уроки и статьи
Подписка

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

YouTube Подписаться

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Какая тема Вас интересует больше?

Как сделать предпросмотр изображений на javascript.

Как сделать предпросмотр изображений на javascript.

Всем привет! Иногда на сайте нужно сделать функционал, который позволит увеличивать изображения при наведении на них мышки, но в то же время это должно работать быстро и без зависимостей. Как это сделать, мы и рассмотрим в этой статье.

Описание

Для решения нашей задачи нам понадобится простая библиотека под названием SimpleZoom, у которой много плюсов. Вот некоторые из них:

  • Легко подключить на любой сайт
  • Не добавляет дополнительных стилей
  • Библиотека сама выбирает подходящее место для увеличенного изображения
  • Нет модальных окон, что улучшает UX
  • Прекрасно работает с мобильными устройствами
  • Уменьшена до размера менее 1Кб и сжата
  • Нет зависимостей

На данный момент это лучшее решение, если вам не нужно ничего лишнего, которое я встречал.

Чтобы посмотреть на работу библиотеки, перейдите в раздел демонстрации.

Установка

Чтобы установить библиотеку, вам нужно ее скачать. Для этого вы можете использовать Bower:

bower install simplezoom.js

Или npm:

npm install --save simplezoom.js

После того, как вы скачаете библиотеку, подключите ее следующим образом:

<script src="simplezoom.js"></script>

И это все!

Заключение

Итак, сегодня мы рассмотрели, как сделать предпросмотр изображения на javascript. Если вы хотите узнать еще больше про библиотеки и про то, как писать их самостоятельно, то обратите внимание на видеокурс JavaScript, jQuery и Ajax с Нуля до Гуру.

А у меня на этом все. Спасибо за внимание!

  • Создано 10.06.2016 22:33:42
  • Михаил Русаков

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (0):

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.