27 ноября 2009 ~ 25 Комментариев

Очень удобный слайдер для контента

spr3

Привет! Сегодня мы будем говорить о том какого черта меня не было столько времени и что это за ужасный новый дизайн очень удобном слайдере для контента.

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

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

Реализуется это с помощью Jquery или scriptaculous скрипта, я рассмотрю только установку jQuery, ибо мой любимый фреймворк.

Для начала подключим скрипт и создадим контейнер для нашего слайдера, хочу заметить что очень семантично.

<div id="demo" class="horinaja">
	<ul>
		<li><!-- content 1 --></li>
		<li><!-- content 2 --></li>
		...
	</ul>
</div>

Теперь применяем наш скрипт к этому блоку

<script> $(document).ready(function(){
$('#demo').Horinaja({
	capture:'demo',
	delai:0.3,
	duree:4,
	pagination:true});
});
</script>

И, собственно, всё. Работает!

Посетить домашнюю страничку плагина «Horinaja»

25 Комментариев для “Очень удобный слайдер для контента”

  1. Дмитрий 27 ноября 2009 at 16:21 Permalink

    так а какого же вас не было столько времени и что это еще за ужасный дизайн? :)

    • Я собственной персоной 27 ноября 2009 at 16:28 Permalink

      Скажем так, у меня был хронический приступ лени, у меня такое часто бывает, но в этот раз всё затянулось.

      А старый дизайн мне казался сильно перегруженным, да и в этом комментирование будет таким удобным, все для читателей.

      • Render 27 ноября 2009 at 23:41 Permalink

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

  2. Ъ 27 ноября 2009 at 16:26 Permalink

    Да, редко пишете.

    Можете написать про то, как организовать контролируемое скачивание файлов через php&apache, без nginx и даже без mod_xsendfile?

    • Я собственной персоной 27 ноября 2009 at 16:32 Permalink

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

  3. Виталий 27 ноября 2009 at 16:28 Permalink

    И действительно, где это вы пропадали?

    • Я собственной персоной 27 ноября 2009 at 16:29 Permalink

      Ответил выше :-)

  4. Дима 27 ноября 2009 at 16:50 Permalink

    Тоже самое но на jQuery Tools http://flowplayer.org/tools/scrollable.html

    • Я собственной персоной 27 ноября 2009 at 17:33 Permalink

      Точно, клевый скрипт и даже настроек больше.

      • Дима 27 ноября 2009 at 17:55 Permalink

        угу. И бесплатный полностью в добавок

  5. Дима 27 ноября 2009 at 16:52 Permalink

    Кстати,меню фигово работает. По крайней мере в хроме. Ajax?

    • Я собственной персоной 27 ноября 2009 at 16:55 Permalink

      Какое меню? На моем сайте?

      У меня тоже хром и все в порядке.

      • Дима 27 ноября 2009 at 17:54 Permalink

        походу из-за ajaxa грузиться долго. хотя бы сделай cursor:progress. Я просто не дождался ответа походу

  6. mark 27 ноября 2009 at 17:06 Permalink

    подтверждаю – в Хроме дергается, как паралитик. Про ИЕ6 скромно молчу :)

  7. Я собственной персоной 27 ноября 2009 at 17:19 Permalink

    Кстати, у скрипта есть платная расширенная версия:

    http://www.davidmassiani.com/horinajapro/

  8. Андрей 27 ноября 2009 at 20:22 Permalink

    Автор плагина какой-то кривой, не понимаю нафиг было писать delai, а не delay? Или duree – что это вообще %)
    А так плагин ниче – может пригодиться когда-нибудь.

    > Кстати, у скрипта есть платная расширенная версия
    да такое и самому недолго написать. Хотя за рубежом любят собирать проекты из всего готового.

  9. Nayjest 28 ноября 2009 at 10:33 Permalink

    С возвращением! Дизайн ничего так, но старый тоже симпатичный был.

    А насчет сабжа — если бы мне к примеру понадобилась настолько специфичная вещь, я бы скорее сам за 20 мин. такое на JQuery накодил :^)

  10. otherside 30 ноября 2009 at 16:17 Permalink

    С возвращением! Действительно приятная новость. Очень, очень жду новых заметок!

  11. Анна – Одесса 21 февраля 2010 at 1:18 Permalink

    Да уж, с помощью колесика мышки перелиствать куда удобнее, так что ваше предложение сохранила. А насчет мышек без колесика – такие что, бывают?!

  12. Сашка 19 июня 2010 at 23:46 Permalink

    почему большинство слайдеров работают через ж..пу? Нормальный порядок 1-2-3-4-1-2-3-4, в этом примере, как и во многих других 1-2-3-4-3-2-1,он как бы перематывет все назад. Зачем?? Тогда надо и назад сделать одинаковый duration.

  13. Alloder 5 июля 2010 at 5:56 Permalink

    Примеры надо в топик совать для понятности.
    Жаль что мало пишете, читать интересно.


Оставить комментарий