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

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

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

  Ко мне очень часто обращаются владельцы сайтов за помощью в решении проблем, возникающих из-за ошибок javascript. Множество сайтов используют те или иные визуальные эффекты и удобства, которые предоставляют плагины jQuery. Самой распространенной «плавающей» ошибкой в этом случае является то, что при подключении того или иного плагина javascript программисты и верстальщики не всегда проверяют наличие элемента, к которому подключается плагин, в контексте страницы.

  Поговорим о современном виде выпадающего меню – mega menu. Данное меню позволяет web-мастеру вместо привычных пунктов (или вместе с ними) во время создания сайта выводить в выпадающем меню пункты подменю в несколько колонок, или даже любой произвольный html – будь то аннотации, товары или формы авторизации. Согласитесь, удобно? И практично?

  Хороший сайт должен грузиться быстро. Этот момент стоит учитывать и при создании сайтов, и при анализе и оптимизации уже существующих сайтов. При загрузке страниц интернет - проекта посетители не любят слишком долго ждать.

   В этой статье мы поговорим об «ускорении» загрузки сайта при помощи «отложенной загрузки изображений» на Javascript, приведем примеры реализации для известных framework ов mootools и jQuery.

   Это особенно актуально для сайтов, которые используют изображения высокого качества (новостные порталы, сайты, посвященные фотографии, дизайну, клипарту, социальные сети, объемные блоги и т.п.)

В первой и второй части статьи мы с помощью приёмов семантической вёрстки с применением тегов списков определений (dd – dl – dt) сверстали вкладки – табы с применением возможностей css 2.1,3.0.

Теперь же, с помощью небольшого внедрения javascript давайте «подсветим» выделенную вкладку dt (применим к ней другой стиль), а так же после перезагрузки страницы «покажем» содержимое dd>div именно той вкладки, которую посетитель просматривал последней. И получим ссылку на каждую из вкладок, что сделает возможным, например, добавить страницу с активной вкладкой в избранное, или позволит отправить страницу с определённой вкладкой по почте (или другим удобным методом) от одного посетителя другому.


Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 134

Notice: Undefined offset: 1 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 135

Notice: Undefined offset: 2 in /home/www/awesome/data/www/awesome-design.com/libraries/joomla/methods.php on line 136
Яндекс.Метрика