Итак, для Вас актуальна задача по созданию миниатюр изображений на Вашем сайте с возможностью их увеличения до оригинальных размеров? Вы хотите внедрить целую галерею таких изображений? Или Вам необходимо модальное всплывающее окно с произвольным содержимым? В предыдущих статьях мы рассмотрели javascript для увеличения изображений highslide, сегодня мы приглядимся к его аналогу на jQuery – fancybox 2. Пример использования этой галереи Вы найдете на сайте разработчиков fancybox. Также на сайте автора приведена хорошая документация с подробными примерами на английском языке. Итак, возможности этой галереи довольно разнообразны. Здесь и способность увеличивать изображения, а также объединять изображения в группы с возможностью навигации между ними прямо в увеличенном окне. Возможность выводить в окне не только изображения, но и произвольное содержимое, например: формы регистрации, а также загрузка данных при помощи ajax, напрямую при помощи подключения iframe, или даже загрузка flash роликов делают внедрение этого плагина в работу web сайтов довольно распространенным.

  В начале второй части мы еще раз рассмотрим код javascript setClassOfTime функции, которая позволяет в зависимости от времени, или события (например: праздника), времени года, дня, и даже часа или минуты изменить Ваш дизайн, задать ему уникальное оформление, используя набор предопределенных классов. Где это может пригодиться? Например: сменить автоматически дизайн интернет магазина или блога к Международному Женскому Дню, или ко Дню Святого Валентина, сделать дизайн с частичкой лета, или поставить в подвале сайта елку с подарками при наступлении Нового Года. В зависимости от назначенного класса можно не только менять оформление, но и запускать определенные эффекты на javascript (как пример: метелицу под Новый год). В этой части статьи Мы детально разберем код функции setClassOfTime, и научимся добавлять классы собственных событий и праздников.

  Иногда мы хотим как-то оживить дизайн, сменить на сайте настроение, подчеркнуть особое время года, праздник, или даже время суток. Внести дизайнерские изменения не составляет труда. Добавить несколько листочков для осени, распускающиеся цветы – для весны пару сердечек ко дню Святого Валентина, букет подснежников на восьмое марта. И вот все штрихи внесены «на бумаге» и в psd. Но как же безболезненно и быстро внедрить такой дизайн в макет сайта?

  Для того, чтобы работать с плагином jQuery Chained Selects, который формирует на сайте связанные списки выбора (связанные между собою select ы), достаточно подготовить select теги, в которых будут собраны полностью все опции. Плагин не плодит дополнительных тегов, а работает с уже имеющимися, скрывая или показывая те или иные опции выбора в зависимости от действий посетителя.

  Иногда на сайте нужно добавить несколько связанных списков select, чтобы в зависимости от выбора посетителя в одном из списков, формировался набор связанных значений в следующем. Например: Вы часто сталкиваетесь с этим при регистрации на сайтах и в социальных сетях, интернет-магазинах и форумах. Вам предлагают выбрать страну, после выбора страны рядом становится доступен выбор ее регионов, областей и городов. Причем все это происходит моментально: связанные между собою по смыслу значения меняются на лету в зависимости от Вашего выбора. Или, например, при выборе связанных характеристик товара в интернет магазине по продаже матрасов: размер, связанные с размером чехлы, каркас жесткости и т.п.

Яндекс.Метрика