Элегантный ротатор баннеров (изображений, картинок) на jQuery

Рейтинг:

Дата: 20 октября 2011 Просмотров: 56569
Категория: Веб-программирование

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

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

Все бы ничего, но у данного подхода есть несколько недостатков...

Javascript и одностраничный сайт

Рейтинг:

Дата: 11 октября 2011 Просмотров: 14078
Категория: Веб-программирование

Одностраничный сайт является основным инструментом интернет-предпринимателей. Практически каждый информационный продукт, который продаётся во всемирной сети,  снабжён таким сайтом, через который осуществляются продажи.

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

Что можно улучшить в этом замечательном инструменте, который отточен годами практики?

Пишем свой первый плагин на jQuery

Рейтинг:

Дата: 7 октября 2011 Просмотров: 23684
Категория: Веб-программирование

В сегодняшней статье я расскажу, как создать простой плагин на jQuery. А чтобы было интересней его создавать поставим реальную задачу, которую должен этот плагин выполнять. Не долго думая я решил создать плагин, который бы при прокрутки страницы вниз выводил бы блок в углу экрана, при клике на который страница плавно прокручивалась бы вверх. Сейчас такие штуки довольно популярны и их можно встретить на многих сайта.

Socializer - Плагин скользящей панели с иконками социальных сетей

Рейтинг:

Дата: 15 сентября 2011 Просмотров: 22499
Категория: Веб-программирование

В последнее время социальные сети набирают все большей и большей популярности. Все больше людей начинают открывать аккаунты в тех или иных соц.сетях. Делают они по разным причинам. Кто-то просто чтобы пообщаться с друзьями и единомышленниками, кто-то для продвижения своих товар и услуг, кто-то для создания своего бренда и т. д. Не обошло это и меня стороной. Создал себе аккаунт в твиттере и facebook. Кстати говоря, можете теперь меня там читать!

Так вот, решил я разместить у себя на сайте ссылки на свои аккаунты в соц. сетях. Сразу разместил их в сайдбаре, но потом подумал и решил сделать плавающую панель на которой бы и размещались все ссылки на мои аккаунты в соц.сетях.

Я уже встречал подобные панели на других сайтах, но поискав готовые плагины ничего подходящего для себя не нашел. Ну признаться честно не особо то и хотел найти. Поэтому решил создать свой.

Идея моей плавающей панели заключается в следующем, при прокрутки страницы она постоянно находится на видном месте. Также добавил начальную прозрачность для панели и при прокрутке страницы вниз, панель плавно становится видимой.

Тем самым, когда пользователь ознакомился с материалом на сайте и ему он понравился, ему плавно показывается панель со ссылками на аккаунты социальных сетей. При наведении мыши на ссылку она становится не прозрачной и смещается в сторону на 10px.

Создаем эффект скольжения (LavaLamp) в меню

Рейтинг:

Дата: 10 августа 2011 Просмотров: 19535
Категория: HTML и CSS

Не так давно решил добавить динамики в верхнее меню на своем сайте. Вы наверное обратили внимание на то, как скользит выделенная область элемента в верхнем меню на этом сайте.

Если данный эффект показался Вам привлекательным, то сегодняшняя статья будет Вам полезной, т.к. в ней я решил рассказать, как создаются такие менюшки.

Для того, чтобы не изобретать велосипед, первым делом я решил поискать готовые решения в Интернете и как оказалось не зря. Существует специальный плагин для jQuery, который называется LavaLamp.

В этой статье мы разберем создание динамического меню с использованием плагина LavaLamp в деталях.