Найти хороший слайдер для wordpress – задача отнюдь не простая. Последние данные говорят, что насчитывается 690 плагинов-слайдеров для WordPress. Кто имеет столько времени, чтобы изучить каждый плагин?
Чтобы помочь вам отделить зёрна от плевел, мы приводим здесь обзор и оценку 10-ти наиболее популярных бесплатных плагинов слайд-шоу, выбранных из этого списка. Эти слайдеры изображений сравнительно недавно были обновлены, и все они получили отзывы от пользователей WordPress.
Какой плагин слайд-шоу используете вы? Расскажите нам в комментариях ниже.
Meta Slider - слайдер для WordPress
Meta Slider
является на сегодняшний день наиболее популярным слайдером для WordPress, имея огромное количество загрузок более 2 миллионов.
Он имеет четыре jQuery слайдера – Nivo Slider (адаптивный, 16 эффектов перехода, четыре темы), Coin Slider (четыре эффекта перехода), Flex Slider 2 (адаптивный, два эффекта перехода, режим карусели), Responsive Slides (адаптивный, только эффект затухания).
Создать новое слайд-шоу несложно – добавьте изображение, выберите слайдер, который вы хотите использовать, и плагин выдаст шорткод, который вы можете добавить в любое место вашего сайта.
Имеется также pro-версия этого плагина, если вы хотите заплатить деньги за дополнительные функции.
Easing Slider
Имеющий почти 650 000 загрузок, Easing Slider Lite – второй по популярности слайдер-плагин.
Этот не занимающий много места плагин позволяет устанавливать размеры и продолжительность вашего слайдера и включает в себя возможность сделать слайд-шоу интерактивным. Имеет два эффекта перехода, эффект затухания. Как и для многих других слайдеров, вы должны использовать шорткод, чтобы добавить ваш слайдер в запись или на страницу.
При помощи этого плагина вы можете создавать только одно слайд-шоу, поэтому, если вы хотите иметь на своём сайте больше, то вам придётся поискать что-то другое.
Smooth Slider
Smooth Slider
создаёт слайд-шоу для контента и изображений с настраиваемым задним фоном и интервалами между слайдами, которое можно разместить в любом месте на вашем сайте.
Функции плагина включают в себя адаптивный дизайн и шесть эффектов перехода. Он также поддерживает настраиваемый слайдер, слайдеры категорий и последних записей, включает теги шаблонов, шорткод и виджет.
Последняя версия этого плагина не всегда работает корректно, при его настройке он может нарушать работу сайта. Судя по странице поддержки Smooth Slider, проблемы с этим плагином возникали у многих пользователей.
WOW Slider
Wow Slider
необычен тем, что для создания слайд-шоу вам необходимо скачать отдельную программу, мастер WOWSlider. После того как вы выбрали изображения для слайд-шоу, вы можете затем загрузить их в плагин. Вы должны будете скопировать и вставить шорткод, чтобы добавить слайдер в любое место на вашем сайте.
Веб-сайт плагина включает в себя довольно полную документацию, чтобы помочь вам в том случае, если у вас возникнут какие-либо проблемы.
vSlider Multi Image Slider for WordPress
vSlider
позволяет отображать на вашем сайте неограниченное количество слайдеров изображений, хотя сколько слайдеров – «слишком много»?
Вы можете вставлять слайдеры на ваш сайт с помощью шорткода, настраиваемого виджета или используя его как функцию в вашей теме.
У плагина имеется полезный FAQ и видео-руководство, которое объяснит вам, как настроить ваш первый слайдер. Если у вас возникнут какие-либо проблемы, то для вас также доступен форум.
SlideDeck 2 Lite Responsive Content Slider
SlideDeck
– популярный и многосторонний плагин, имеющий продвинутый функционал по сравнению с предыдущими плагинами.
Эта Lite версия не включает в себя весь набор из 14 источников контента, таких, как Facebook, NexGEN и Gallery, которые доступны в премиум-версии.
Но всё-таки Lite версия позволит вам быстро создавать слайд-шоу из любого контента, такого, как изображения, записи и видео.
EasyRotator for WordPress – Slider Plugin
EasyRotator
обещает, что пользователи получат «для своего сайта WordPress красивые, интерактивные ротаторы и слайдеры фото в считанные секунды», но на самом деле это требует некоторой настройки. Сначала вы должны будете установить Flash-программу для создания ваших слайдов – или ротаторов – на вашем ПК, которая может раздражать. После этого вы можете создать новый ротатор в редакторе страницы или записи. Вы также можете использовать шорткод, чтобы вставить ротатор на ваш сайт или добавить ротатор в вашу тему с помощью соответствующей функции.
После всех проблем с установкой Flash-программы может оказаться, что он не будет работать, когда вы попытаетесь настроить основной слайдер из редактора записей. Небольшое исследование показало, что этот плагин не работает с Safari/Chrome.
Responsive WordPress Slider – Soliloquy Lite
Soliloquy
– один из наиболее известных слайдеров, и не зря – он прост в установке, вам не нужно скачивать Flash-программу для создания и загрузки слайдеров или возиться с настройками. Он просто работает.
После того, как вы добавите изображения, выберите размер слайдера, скорость и нажмите «Опубликовать». После этого нужно скопировать полученный шорткод на любую страницу или запись, куда вы хотите установить слайдер.
Хотя это Lite версия, она всё-таки имеет достаточно возможностей, чтобы её попробовать.
Cyclone Slider 2
Cyclone Slider 2
возвращает слайдеры назад к основам. Он предлагает простую установку, отображает простой слайдер изображений и включает в себя такие функции, как задержки, размеры и паузу при наведении.
Плагин поддерживает изображения, YouTube, Vimeo, настраиваемый HTML и рекомендованные слайдеры. Вы можете перетаскивать ваши слайды, чтобы изменить их порядок, слайдеры интерактивны.
Этот плагин имеет также pro-версию.
Responsive Slider
Responsive Slider
– очень простой слайд-шоу плагин, который требует некоторых настроек, но это делает его простым в использовании.
Добавление новых слайдов является несложным делом, и вы можете разместить их в любом месте вашего сайта с шорткодом или внутри вашей темы, используя соответствующую функцию.
Настройки позволяют изменять ширину и высоту слайдера, добавлять эффект перехода, задержки, длительности анимации и автоматического запуска.
Этот плагин предназначен только для одного слайдера, так что если вы хотите установить на своём сайте несколько слайдеров, вам придётся воспользоваться другим плагином.
Smart Slider 3
Smart Slider 3 - пожалуй лучший слайдер для WordPress. Очень мощный плагин, имеющий огромный набор инструментов для создания слайдшоу, которые вы можете использовать на свое усмотрение, в зависимости от ситуации. Есть большая база готовых слайдеров, красивые эффекты перехода. Можно делать целые лендинг пейджи при помощи только одних слайдеров, однако это уже в версии Smart Slider 3 Pro. Но столкнувшись с данным плагином впервые у вас, скорее всего, возникнут трудности в работе с ним. Так как очень легко запутаться в большом количестве вкладок с настройками.
Самый популярный и самый лучший слайдер
И победителя два: Meta Slider
и Smart Slider 3
.
Meta Slider
– не только наиболее часто скачиваемый слайдер-плагин, но он также получил наивысший рейтинг от пользователей.
Он удобен в использовании, имеет хороший баланс возможностей и функций – и всё это бесплатно.
vSlider Multi Image Slider , SlideDeck 2 Lite и Soliloquy Lite – также замечательные слайдер плагины, если ваш сайт перегружен изображениями и вы хотите сделать много слайдеров. Эти три темы ориентированы на профессионалов, чтобы привлекать клиентов – иметь больше продаж – с бесплатными продуктами.
Если вы просто хотите иметь очень простой слайдер без всяких наворотов, то вам, безусловно, подойдёт Cyclone Slider 2. Это прекрасный слайдер, который легко настраивается и не отягощён бесчисленным множеством настроек и опций.
Но если потом вам понадобится слайдер с большим функционалом и возможностью размещать на вашем сайте несколько слайдеров, вы не сможете пройти мимо Meta Slider.
Не секрет, что грамотное использование различных динамичных эффектов на сайте может существенно повысить его конверсию. По-крайней мере, таким способом вы можете акцентировать внимание посетителя на ту или иную информацию. А уж попадет посетитель в вашу воронку или нет, зависит от того насколько интересно ваше предложение конкретно вашей аудитории.
Пожалуй, самым популярным динамичным элементом в веб-дизайне является слайдер. Сколько б не предрекали ему смерть, слайдер по-прежнему повсеместно используется, и главное - работает. Область его применения очень широка: лендинги, интернет-магазины, промо-сайты, галереи и т.д.
Слайдер - это специальный элемент веб-дизайна, представляющий собой блок определенной ширины чаще всего в шапке веб-страницы. Главная его фишка в изменяющихся в ручном или автоматическом режиме элементах - картинок, текстов и ссылок.
Сегодня существует большое количество самых различных видов слайдеров. Самые популярные, конечно, построенные на базе jQuery. Важно понимать, что существуют т.н. jQuery-плагины и другие библиотеки на . С помощью которых можно программно внедрить и настроить слайдер на любой странице абсолютно любого сайта на любой CMS. А также существуют слайдеров для WordPress. Они дают возможность внедрять слайдеры с помощью визуального интерфейса (безо всякого кода) прямо внутри консоли вашего WordPress. Они просты в использовании, легко настраиваются, не требуют никакой подготовки. Собственно, о таких плагинах и пойдет сегодня речь.
Плагинов на самом деле очень много: платных, бесплатных, простых, сложных. В общем, на любой вкус, под любые цели и задачи. При выборе плагина следует обратить внимание на несколько важных моментов: имеется ли поддержка старых браузеров (каких именно и насколько старых), мобильных устройств (адаптивность), насколько глубокая настройка и кастомизация. Последнее необходимо для того, чтобы слайдер мог гармонично вписаться в дизайн существующего сайта. Не стоит забывать, что любой слайдер - это в первую очередь JS-скрипт. Который может вступить в конфликт с уже работающими на вашем сайте скриптами. Может возникнуть конфликт версий jQuery. Конечно, все это решается, просто нужно быть к этому готовым. То есть помнить, тестировать и проверять.
Итак, поехали.
1. Slider Revolution Responsive WordPress Plugin
Пожалуй, один из самых популярных на данный момент слайдеров для WordPress. Позволяет создавать очень эффектные адаптивные и полноэкранные слайдеры. Имеется огромный выбор уникальных эффектов анимации, переходов, загрузчиков и других настроек. Кроме этого, возможно создание своих собственных эффектов анимации. Плагин очень прост в использовании и достаточно легко настраивается. Слайдеры SEO-оптимизированы и прекрасно индексируется поисковиками.
2. LayerSlider Responsive WordPress Slider Plugin
Один из любимых мною плагинов. Как и предыдущий, входит в топы популярных премиум-плагинов WordPress. Позволяет создавать умопомрачительные слайд-шоу с более чем 200 предустановленных 2D и 3D переходов. Благодаря использованию передовых технологий, вся анимация осуществляются максимально гладко и естественно. У плагина простой и удобный в использовании интерфейс управления с поддержкой всех современных технологий. Например, WYSIWYG-конструктор слайдов со множеством различных ползунков настроек, полноценный таймлайн, Google-шрифты, кастомная анимация и многое другое. Все изменения осуществляются и видны в реальном времени. Поддерживается любой контент, в том числе: изображения, HTML, видео YouTube, Vimeo, HTML5-мультимедиа. Все генерируемые слайдеры SEO-оптимизированы и позволяют создать семантическую разметку для лучшей индексации. Естественно, слайдеры полностью адаптивные и готовы к работе на любых разрешениях. LayerSlider поставляется с 13 готовыми скинами и готов к глубочайшей кастомизации.
3. Master Slider - WordPress Responsive Touch Slider
Потрясающий адаптивный слайдер для WordPress. Превосходное качество всех эффектов слайдера достигается за счет использования аппаратного ускорения компьютера пользователя. Плагин традиционно поддерживает практически все типы контента, имеет множество разнообразных встроенных эффектов и переходов. Слайды настраиваются с помощью привычных слоев.
4. RoyalSlider - Touch Content Slider for WordPress
Название говорит само за себя. RoyalSlider - действительно королевский слайдер для WordPress, разработанный в лучших традициях HTML5 и CSS3. Плагин содержит полный пакет соответствующего функционала и поддержку мобильных устройств. Отличается от аналогов тем, что поддерживается динамическое наполнение слайдов. Например, из Instagram, Flickr, 500px. Также имеется поддержка WooCommerce.
для своего WordPress-сайта? Устали от тестирования сотен плагинов, стараясь выявить лучший? Прекрасно, значит вы стоите на верном пути. В данной статье мы сравним четыре самых популярных плагина, которые позволяют подключить слайдеры в WordPress, отметив их скорость, простоту использования, а также иные возможности. Целью нашего тестирования будет поиск наилучшего плагина для реализации слайдера в WordPress.
Многие читатели нашего сайта быстро вырастают с уровня новичков и переходят к настройкам темы. Один из наиболее популярных вопросов, задаваемых нашими читателями: какой слайдер для WordPress самый лучший? В данной статье мы попытаемся ответить на этот вопрос, приведя сравнения популярных слайдеров по производительности и качеству.
Проблема WordPress-слайдеров
В преобладающем большинстве WordPress-слайдеры являются слишком медленными. Если он не слишком хорошо закодирован, слайдер может значительно увеличить время загрузки ваших страниц. Дополнив это не самым лучшим WordPress-хостингом, можно прийти к ситуации, что ваш сервер будет работать как улитка.
Еще один корень зла WordPress-слайдеров – простота использования. Большая часть слайдеров перегружена разными опциями и поставляется с массивной документацией для новичков.
Также вам стоит убедиться в том, что слайдер является адаптивным. К сожалению, большинство слайдеров таковыми не являются.
Разве реально протестировать сотни слайдеров и проверить все эти пункты? Нет, да и не нужно этого делать. Мы провели тестирование за вас, и чуть ниже вы узнаете, какой слайдер является самым лучшим по всем показателям. Продолжайте чтение.
Претенденты на звание лучшего слайдера для WordPress
Для данной статьи мы выбрали четыре популярных, рекомендуемых многими пользователями плагина, которые реализуют слайдеры в WordPress. Проводя наше исследование, мы выяснили, что эти плагины являются наиболее используемыми. Мы решили выполнить несколько простых тестов, чтобы понять, как работает каждый из них. Критерии, по которым мы отбирали плагины: скорость работы, простота использования, наличие возможностей и совместимость.
Скорость
Время загрузки страниц и скорость работы является важным фактором при выборе подходящего слайдера для WordPress-сайта. Как было отмечено ранее, медленный сайт не только нарушает опыт взаимодействия, но и снижает ваши показатели в поисковых системах. Именно по этой причине скорость работы слайдера является приоритетом номер один в наших тестах.
Как вы можете видеть, Soliloquy является наиболее быстрым слайдером из всех в наших тестах. Причина, почему это так – плагин отличается оптимизированным кодом.
Также плагин использует один небольшой привлекательный ход. Он загружает ваш основной слайд, после чего остальные слайды грузятся асинхронно. Такой подход отличается скоростью не только в тестах, но и в реальном применении на сайте – ваши посетители отметят для себя быстроту открытия слайдов.
Если вы желаете получить сайт, отличающийся высокой производительностью, то слайдер Soliloquy – идеальный выбор для вас.
Простота использования
Создание слайдеров – не такой простой процесс, как мы думаем. Основная задача данного раздела – найти плагин, с которым бы смог справиться даже новичок. Т.е., пользователи должны создавать слайдеры быстро и просто.
Soliloquy
Мы протестировали многочисленные слайдеры для WordPress, но мы не нашли настолько простых плагинов, как Soliloquy. Установка плагина и создание слайдов в нем являются удивительно простыми действиями.
Почему же он настолько прост в использовании? Ответ лежит на поверхности: он отвечает основным советам по написанию кода и отлично вписывается в родной интерфейс администратора WordPress. Слайдер обладает простым, но в то же время интуитивным пользовательским интерфейсом, позволяющим создавать слайды, используя стандартный загрузчик медиа-файлов в WordPress.
В плагин включены простые шорткоды, теги шаблонов, кнопка в редакторе записей, а также виджет, позволяющий добавлять ваши слайды в различные секции веб-сайта.
SlideDeck
SlideDeck – второй по простоте использования плагин, который мы обнаружили. Создание нового слайд-шоу в SlideDeck отличается удивительной простотой, вы можете легко добавлять многочисленные слайды. Также вы можете создавать слайд-шоу путем добавления контента с динамических ресурсов: Flickr, Vimeo, YouTube.
Плагин обладает множеством настроек для управления поведением вашего слайд-шоу. Существует возможность лайв-превью. Интерфейс администратора SlideDeck несколько запутанный, выглядит чужим в среде WordPress. Однако важно отметить, что с точки зрения дизайна интерфейс является достаточно симпатичным.
Мы думаем, что новички смогут легко и быстро создать слайд-шоу с помощью SlideDeck.
По умолчанию слайды SlideDeck не являются адаптивными, однако есть простой выход: вам нужно либо сделать их адаптивными при редактировании, либо добавить к своему шорткоду параметр ress=1, и проблема будет решена.
Nivo Slider
Создание слайдера с помощью Nivo Slider – простой процесс. Вы можете выбирать изображения из медиа-загрузчика, загружать различные изображения. Вы можете также менять порядок слайдов. Через интерфейс, такой же как в загрузчике, вы можете добавлять подписи, ссылки, текст Alt к вашим слайдам. Плагин имеет шорткоды и теги шаблонов, которые позволяют вам добавлять слайдер к записям, страницам и шаблонам.
Nivo Slider не поддерживает видео и иные типы мультимедиа. Плагин позволяет создавать только слайд-шоу из изображений. Он поставляется с прекрасным набором тем, которые вы можете использовать, а также с многочисленными эффектами перехода. Настройка плагина, создание слайд-шоу, добавление слайдов к записям/страницам происходят очень легко и быстро. Однако если вам важны параметры и опции, то в таком случае Nivo заметно отстает от SlideDeck 2 и Soliloquy.
Meteor Slides
При создании слайд-шоу в Meteor Slides вам нужно загружать каждый отдельный слайд индивидуально. Это сильно ест время, и многим новичкам это может показаться слишком запутанным шагом. После установки плагина переходим в раздел Slides - Add New. Даем отдельному слайду название, после чего щелкаем по пункту Set featured image для загрузки следующего слайда.
Если вы хотите, чтобы ваш слайд ссылался на страницу, то в таком случае введите URL. Наконец, вам нужно будет выбрать подходящее слайд-шоу из мета-поля Slideshows.
Вы не можете поменять порядок слайдов в слайд-шоу. Вы не можете добавлять видео-слайды, не можете задавать текст над слайдом. Все это сильно урезает функционал Meteor Slide. Однако он остается полезным, если вы хотите просто добавить слайд-шоу.
Возможности
Если вы хотите просто создать простое слайд-шоу из изображений, то в таком случае вам подойдут Nivo Slider и Meteor Slides.
Однако Soliloquy и SlideDeck 2 позволяют вам делать гораздо больше всего со слайд-шоу. В плане возможностей SlideDeck и Soliloquy идут практически рядом. Они оба имеют прекрасные возможности и предлагают широкий список средств управления над представлением ваших слайдов.
Вследствие своей простоты Soliloquy отлично подходит новичкам, которые смогут легко и быстро разобраться в его возможностях и опциях. Слайды в Soliloquy адаптивны по умолчанию, поэтому пользователям не понадобится добавлять дополнительные параметры к шорткодам, чтобы сделать слайдер адаптивным.
Slide Deck и Soliloquy поддерживают различные типы контента. Вы можете добавлять изображения, записи, текст и мультимедиа в слайды. Оба плагина позволяют редактировать отдельные слайды, добавлять расширенную информацию, такую как подписи, перекрывающий текст, кнопка призыва к действию.
Цена
Еще один решающий фактор, который помогает пользователям определиться с выбором слайдера – это его цена. В данном случае цена идет за лицензию для одного сайта. Meteor Slider – бесплатный плагин, потому он не указан в таблице.
В результате сравнения плагинов можно прийти к выводу, что самый лучший WP-плагин для создания слайдеров – это Soliloquy.
Победитель определен!
Soliloquy – самый быстрый плагин для создания слайдеров в WordPress. Он придерживается всех стандартов кодирования, имеет прекрасную документацию, его легко расширить разработчикам, он прост в использовании и к тому же является самым дешевым.
SlideDeck – второй с точки зрения функционала. К тому же он чуть медленнее, чем Soliloquy.
1. jQuery плагин «Fresco»
Адаптивная jquery галерея (изменяет размер при изменении разрешения экрана), отображаемая во всплывающем окне с миниатюрами и подписями изображений. Jquery галерея «Fresco» корректно работает в большинстве браузеров в том числе: IE6+,Firefox 3+,Chrome 5+, Opera 9+. Бесплатная версия этого плагина может использоваться только на некоммерческих проектах.
2. Слайдер «Adaptor»
Слайдер с различными эффектами переходов (7 различных эффектов, в том числе 3D). Проект на Github .
3. Плагин слайдера с различными эффектами «jQ-Tiles»
Плагин с различными эффектами перехода, с настраиваемой скоростью смены слайдов, с функцией автопрокрутки.
4. jQuery плагин «Sly»
Плагин для реализации вертикального и горизонтального скроллера. Проект на Github .
5. Анимированное CSS3 меню «Makisu»
6. Простое слайд-шоу
7. Функциональный jQuery слайдер «iView Slider v2.0»
Слайдер контента/слайдшоу (в качестве слайда может быть не только изображения, а также видео ролики и другое HTML содержимое). Для навигации можно использовать: миниатюры, кнопок Влево/Вправо и с помощью клавиатуры. Проект на Github.com .
8. Набор jQuery плагинов «Vanity»
В наборе 7 плагинов: jSlider, jTabs, jPaginate, jSpotlight, jTip, jPlaceholder и jCollapse. Набор этих решений поможет вам в реализации слайдера, всплывающих подсказок, табов, всплывающих описаний изображений и др.
9. Hover CSS3 эффект
10. CSS3 выпадающее меню
11. iOSslider
Слайдер, заточенный под работу на мобильных устройствах.
12. CSS3 индикатор загрузки
13. CSS3 эффект при наведении
14. «Product Colorizer» jQuery плагин
Плагин является легким решением для реализации просмотра продуктов в различных цветовых вариантах (актуально, например, для интернет-магазинов одежды, чтобы дать посетителям выбрать цветовую гамму товара из нескольких вариантов). Для работы плагина необходимо только два изображения для каждого продукта (все цвета будут накладываться в виде маски). Плагин работает во всех основных браузерах, включая IE7 + (будет работать и в IE6, если вы пофиксите отображение прозрачности PNG). Проект на GitHub .
15. CSS3 анимированные диаграмы
16. Создание overlay-эффекта при нажатии на изображение
При клике по изображению оно затемняется, уходя на задний план, и появляются пункты с подписями. Таким образом можно дать краткое описание элементов, расположенных на изображении.
17. Навигация по странице в виде выпадающего меню
Решение для реализации удобной навигации по документу в виде выпадающего меню. Содержание зафиксировано сверху экрана и всегда остается в поле зрения посетителя. При выборе раздела в меню происходит плавная прокрутка страницы к выбранной части документа.
18. CSS3 галерея с эффектом при наведении
При наведении курсора на изображение происходит быстрая смена фотографий. Галерея реализована в двух вариантах: с описанием снимков, появляющимся после того, как посетитель отведет курсор с галереи и без описания.
19. jQuery слайдер с Parallax эффектом
20. CSS3 анимация при наведении на блоки
21. CSS3 jQuery всплывающая панель
Нажмите на стрелочку внизу экрана на демонстрационной странице, чтобы увидеть всплывающие иконки.
22. Бесплатная HTML5 галерея изображений «Juicebox Lite»
Очень функциональная новая галерея изображений для сайта. Галерея может быть как с миниатюрами так и без них, с описанием изображением и без, может разворачиваться на весь экран или отображаться на странице с фиксированными размерами. На странице демо , вы можете выбрать вид галереи, который вам понравится. Для скачивания доступна бесплатная версия галереи. За более продвинутый функционал и за то, чтобы убрать логотип разработчика, придется заплатить.
23. Плагин «JQVMap»
24. CSS3 слайдер с Parallax-эффектом
25. jQuery галерея фотографий с миниатюрами
Адаптивная галерея, размеры изображений и миниатюр изменяются вместе с размером окна браузера.
26. jQuery плагин слайдера контента «Horinaja»
Плагин легок в установке, настраиваемый, кроссбраузерный. В качестве слайда может выступать любой HTML контент, не только изображения. Прокручивать слайды можно с помощью колеса мыши в тот момент, когда курсор находится на области слайда.
27. Плагин jQuery слайдера «Pikachoose»
В трех вариациях: реализация простой смены изображений без описания и миниатюр; слайдер с подписями изображений и миниатюрами; слайдер с миниатюрами и добавленным открытием увеличенного изображения во всплывающем окне с эффектом FancyBox. Последнюю версию всегда можно найти на Github .
28. Несколько пользовательских CSS стилизаций выпадающих списков
Пять различных стилевых оформлений выпадающих списков с использованием различных CSS техник.
29. Ресторанное меню с анимированным 3D эффектом
Интересное CSS jQuery представление информации на странице. По нажатию на ссылку раскрывается буклет-меню и посетитель может во всплывающем окне прочитать подробнее о предоставленных блюдах. Анимация некорректно отображается в IE.
30. Плагин «Elastislide»
Реализация резиновой адаптивной карусели (вертикальная и горизонтальная карусель изображений) и галереи изображений. При уменьшении окна браузера уменьшается количество изображений до определенного минимального значения и далее масштабируется размер оставшихся изображений. Проект на Github .
31. Свежий CSS3 jQuery слайдер «Slit Slider»
Адаптивный плагин слайдера (ширину можно задавать в процентах и он автоматически смасштабируется) в двух стилевых исполнениях с интересным анимированным эффектом при смене слайдов (слайд разрубается пополам и разъезжается в разные стороны, а его место занимает новый). Возможна навигация с помощью клавиатуры. Свежая версия всегда на Github .
32. Новая версия 3D слайдера изображений «Slicebox»
Новая версия с внесенными изменениями и добавлением новых функций: теперь 3D слайдер стал масштабируемым, увидеть это можно при уменьшении окна браузера; добавлена поддержка Firefox; в описании к слайду уже можно использовать HTML контент (раньше описание подтягивалось из атрибута ссылки без возможности использовать в нем HTML теги). На демонстрационной странице можно посмотреть 4 варианта использования плагина. Последняя версия живет на Github.com .
Эффект очень похож на Flash галерею 3D CU3ER (демо , скачать), только выполнен этот 3D слайдер не с помощью flash технологий, а с помощью javascript.
33. jQuery плагин «PFold»
Экспериментальное решение. Плагин реализует 3D эффект с имитацией разворачивания записки. Различные варианты исполнения: с тремя разворотами, с двумя разворотами и разворот с последующим центрированием развернутой записки.
34. jQuery плагин «Windy»
Плагин для навигации по контенту, например по изображениям. При пролистывании фотографий они разлетаются в разные стороны (эффект чем-то напоминает раздачу карт в карточной игре покер). Для навигации можно использовать кнопки влево/вправо или ползунок (смотрите разные варианты на демонстрационной странице). Проект на
Выбор ZOOM.CNews: 5 лучших слайдеров
Sony Ericsson W850i, Nokia N91 Music Edition, Nokia 8800 Sirocco Edition Samsung D900, Motorola RIZR
Изобретенный в Корее слайдер есть сейчас практически у всех производителей. И далеко не азиатская продукция является лидером в этом сегменте, но, конечно же, в списке лучших мобильники из Кореи наличествуют.
Перед тем, как перейти непосредственно к устройствам, дадим один совет. Поскольку сейчас сезон большого шопинга, то во время покупки такого мобильника в подарок, обязательно проверьте качество механизма открывания телефона – это ахиллесова пята данного форм-фактора и некачественный механизм портит все впечатление от подарка.
Необыкновенно удачным вышел первый эксперимент компании в данном мобильном сегменте. Действительно, Sony Ericsson последним их крупных игроков начал выпускать слайдеры, но такая задержка пошла мобильному телефону только на пользу. Видимо производители намеренно не спешили с выходом «вылизывая» мобильник. Он обладает всем, что пользователь ждет от функционального современного аппарата. Экран имеет разрешение 240х320 точек, поддерживает отображение более 260 тыс. оттенков и имеет характерную для мобильников компании хорошую и естественную цветопередачу. Встроенная камеру имеет 2 МП сенсор.
Продолжение мьюзикфона N91 получило три обновления: жесткий диск объемом 8 Гбайт, улучшенный проигрыватель музыкальных файлов и новый черный цвет, который нравится нам гораздо больше, чем оригинальный серебристый. Среди мьюзикфонов этот смарфтон рекордсмен по количеству доступной памяти, но если проводит сравнение с обычными плеерами, то объем 8 Гбайт покажется ничтожно малым, особенно для таких габаритов (вот если бы там стоял диск на 80 Гбайт, то большие габариты и вес были бы оправданы).
Один из самых дорогих мобильников, что представлен сегодня на рынке. Но, поверьте, там есть за что платить. Прежде всего (да, пожалуй, это единственное, что важно в имиджевом телефоне) отметим превосходный дизайн, который однако имеет свои недостатки. Дело в том, что блестящая металлическая поверхность аппарата очень быстро пачкается. Видимо, зная об этом, производитель заботливо положил в стильную коробку с телефоном. Но, как становится видно по результатам продаж, богатого производителя это не останавливает.
Как и полагается имиджевому телефону, Nokia 8800 Sirocco Edition стильный и дорогой
Упомянем вкратце другие характеристики телефона, но повторимся, что в данном аппарате камера и прочее играет второстепенную роль. Итак, экран у мобильника яркий и имеет размер прекрасно сочетающийся с габаритами аппарата. Дисплей имеет разрешение 208х208 точек. Для мобильника создана уникальная схема оформления, которая включает в себя не только необычный вид интерфейса и пунктов меню, но и музыкальные темы для входящих вызовов. Они были написаны «отцом» музыкального стиля Ambient, Брайаном Ино.
Несомненный флагман корейской компании отличается не только самыми современными реализациями популярных функций, но и габаритами. Данная модель на данный момент является самым тонким в мире мобильником, выполненным в форм-факторе слайдера. Он является частью линейки Ultra Edition, которая уже стала именем нарицательным. Туда, кроме слайдера, входят самая тонкая раскладушка и самый тонкий телефон классического форм-фактор. Что до слайдера, то его экран имеет разрешение 320х240, что отлично сочетается с 3 МП камерой. Однако не стоит ждать от полученных при помощи этого мобильника фотографий такого же качества, что и у камерофонов. Тонкий корпус не позволил разместить фотомодуль такого же размера, что применяется в камерофонах.
Это самый тонкий в мире слайдер - Samsung D900
Конечно же, поддерживается работа с популярными форматами медиафайлов, но опять же чудес ждать не стоит. Музыка, конечно проигрывается, но не так хорошо, как на специализированных мьюзикфонах. К чему клоним, да к тому, что этот мобильник в первую очередь имиджевое решение, пусть и не столь дорогое, как Sirocco Edition. Тем не менее потрясающая тонкость корпуса заметна сразу и не обратить на себя внимание окружающих вряд ли получиться. А что касается цены, то с момента своего появления (летом уходящего года), она несколько снизилась, что позволяет большему количеству пользователь получить этот во многом уникальный телефон в свое пользование.
Не думаем, что когда несколько лет назад инженеры и дизайнеры компании Motorola создавали первый RAZR, то вряд ли они предполагали, что на самом деле готовят для самих себя курицу, в прямом смысле золотые яйца (и выпуск золотых RAZR тому подтверждение). Вариантов этого популярного мобильника было выпущено бесчисленное множество и, само собой, компания продолжила развитие серии. RIZR, в отличие от классического RAZR, выпущен в форм-факторе слайдера. Он начал продаваться совсем недавно, а это сразу дает нам понять, что производитель желал подгадать к празднику.
