Загвоздка заключается в том, что когда начинаешь прокручивать страницу в браузере, и курсор попадает на саму карту, то прокрутка останавливается а сама карта начинает либо зуммиться, либо двигаться.

Здесь мы вкратце поясним, как отключить прокрутку в Google картах.

 

 

Предлагаю к использованию скрипт ввода даты в выпадающем календаре. Поскольку далеко не все браузеры воспринимают конструкцию <input type="date" атрибуты> необходимость этого скрипта не вызывает сомнений. Календарь позволяет быстро выбирать как дату, так и быстро пролистывать года. Русская и английская версия.

Ротатор картинок и всего чего угодно на CSS3 JS JQuery

Динамический переключатель класса элемента HTML

Лично мне нравится тем, что предельно прост и универсален.

Данный скрипт через промежуток времени последовательно убирает и добавляет класс active к элементу списка <li class="item">

Таким образом, внутрь элемента списка можно вставлять все что угодно. А в данном случае: элементы списка прозрачны,  т.е. не видны (opacity:0;), но при добавлении класса active, opacity становится равным 1.

Не обязательно это будет слайдер или ротатор. Все зависит от CSS и от вашей фантазии. Вплоть до того чтобы сделать светофор.

Столкнулся с проблемой автозапуска стандартной бутстраповской карусели картинок. То есть его просто нет, по крайней мере для модуля bootstrap_carousel для joomla 3.

Меню адаптивное, адекватно отображается на мобильных устройствах.

Данное меню можно наблюдать на этом сайте. При разрешении экрана устройства до 980px , меню превращается в коллапсирующее, раскрывающееся по тачу.

На десктопе:

меню на десктопе

 На мобильных устройствах:

меню на планшете

Заставка до полной загрузки сайта

Ставим прелоадер (анимированую картинку-индикатор загрузки сайта) перед полной загрузкой страницы сайта. Данная техника рекомендуется для создания красивого эффекта если страница большая и грузится не сразу.

Примеры картинок-прелоадеров:

spinnerпрелоадерпрелоадер

Маска для поля ввода input

Скрипт для фильтрации введенных символов в текстовом поле. Используется для создания маски ввода телефонного номера, даты, серийного номера и прочего.

Демо скрипта можно посмотреть здесь.

Cloud Zoom - небольшой плагин jQuery для создания эффекта масштабирования для изображений.

Красивый и удобный эффект увеличения изображений для интернет магазинов.

Имеет несколько вариантов отображения.