• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
лайтбокс плагин javascript

BigPicture.js — современный лайтбокс плагин для изображений и видео

Легковесный плагин JavaScript, для просмотра полного размера медиа-элементов при клике на них. Поддерживаются изображения и видео-файлы.

Хотелось бы отметить сразу, что данный позволяющий увеличить картинку при клике, очень хорошо работает и с видео через YouTube, Vimeo, а также по прямой ссылке на файлы воспроизведения. Максимальная производительность – использование плеера HTML5. На сегодня это лучший lightbox-плагин в плане производительности.

Визуальный пример того, как это работает:

демонстрация работы плагина

Инструкции по установки или настройке плагина:

Подключаем файл библиотеки

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

Никаких стилей подключать не нужно. Все работает без дополнительного CSS. Пример работы с изображением:

BigPicture({
  el: this,
  imgSrc: 'http://yourimage.jpg'
});

Пример работы с видео:

BigPicture({
  el: this,
  vidSrc: 'http://yourvideo.mp4'
});

Пример работы с YouTube:

BigPicture({
  el: this,
  ytSrc: 'z_PeaHVcohg'
});

Где ytSrc – это идентификатор видео, его можно взять из URL.

Как видно, чтобы заставить плагин работать необходимы минимальные затраты по времени. И никаких зависимостей.

Подробнее об опциях плагина можно почитать на страничке автора. Скачать файлы библиотеки можно по ссылке выше.