Ротируемые прилепленные записи — превосходное решение для сохранения свободного пространства сайта. В данной статье мы несколько усовершенствуем наш проект, добавив индикатор слайдов, чтобы пользователь знал, сколько записей ему будет продемонстрировано, и всегда мог переместиться к интересующей его записи. Давайте приступим к реализации указанного решения.

Клиент, который просил выполнить навигацию, предоставил нам новое задание. На своем сайте он использует прилепленные записи для того, чтобы вывести информацию о предложенных продуктах. Удобство прилепленных записей заключается в том, что они располагаются в самой вершине страницы (обычной не больше четырех записей), привлекая внимание потенциальных покупателей, в то время как регулярные новостные записи и обновления идут ниже характеристик продукта.

Наш клиент, вдохновленный Flash, ведет свой бизнес, связанный с переработкой и повторным использованием материалов, списанных разнообразными космическими корпорациями. Клиент хотел бы, чтобы панель навигации сайта была представлена в футуристическом (и, одновременно, ретро) стиле. Согласно словам самого заказчика, «панель должна обладать гладкой анимацией и включать в себя наш логотип\иконку ракеты в качестве указателя».

От анимированных диаграмм мы можем теперь перейти к более сложным задачам: например, к Flash разработке. Тот, кто занимался веб-разработкой в 90-х годах, знает, что такое Flash, и с чем его едят. Оставив позади различные жалобы, мы должны признать: Flash отлично подходит для анимации.

Некоммерческая организация была настолько впечатлена вашим решением, что выделила некоторую сумму и представила вам новый проект. Работники организации заметили, что вы выполнили редактирование иконки для прилепленных записей с помощью InkScape, и поэтому они обратились к вам с вопросом, насколько сложной задачей было бы генерировать ежемесячный график. График будет располагаться в отдельной записи; он должен включать в себя четыре пункта.

Пришло время оставить позади отрывочные фрагменты кода и приступить к работе! Возвращаясь в созданный нами «гипотетический мир», представим себе, что предыдущие клиенты восторженно разрекламировали наши jQuery решения остальным партнерам, многим из которых также требуется помощь с WordPress сайтами. Давайте посмотрим, что мы можем для них сделать. Для начала мы реализуем проект, который позволит освежить прилепленные записи с помощью jQuery анимации. Проект: Анимация предупреждающих прилепленных записей Приведем быстрое и простое описание…

Последние опции, которые можно передать в функцию .animate(), это step и complete. Параметр step позволяет устанавливать дополнительную функцию, которая может быть вызвана после окончательного выполнения каждого шага анимации (данный параметр оказывается полезным, если вы используете сразу несколько свойств CSS для анимации). Параметр complete позволяет устанавливать функцию обратного вызова, которая будет выполнена по окончании анимационного процесса. Если вам необходимо сделать так, чтобы анимация началась только после окончального выполнения текущей функции, достаточно…

Очередь — это раздражающие длинные строки, которые гарантируют правильное выполнение входящих в них компонентов. Анимационная очередь в jQuery работает аналогичным образом, обрабатывая анимационные запросы для каждого объекта в порядке их поступления. Иногда может возникнуть ситуация, когда необходимо форсированно обработать конкретный запрос, а не простаивать в очереди в бесполезном ожидании. Мы уже видели, что функции .animate() наряду со свойствами CSS можно передавать различные дополнительные параметры, указывающие на продолжительность (duration — slow,…

В jQuery 1.4 всегда можно легко приостановить выполнение цепочки с помощью удобной функции delay(). Давайте поместим трехсекундную паузу в нашу цепочку: Если пауза не работает, значит вы используете jQuery более младшей версии.

Мы обсуждали цепочки функций в предыдущих главах. Напомним вам, что любые события, расположенные в цепочке, будут выполнять в том порядке, в котором они были добавлены в нее. Как утверждают эксперты, Вы можете объединить в цепочку столько функций, сколько вам понадобится, до бесконечности (или до тех пор, пока не зависнет браузер). В целом же, я считаю, что разметка jQuery функций, расположенная в отдельных строках с собственными наборами селекторов (невзирая на то,…