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

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

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»

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

  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

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

  14. Константин 20 мая 2011 at 16:22 Permalink

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

  15. Артём 20 сентября 2011 at 15:39 Permalink

    Подскажите пожалуйста новичку ! Я вот решил занятся сайтами , стало интересно . Так вот , подскажите пожалуйста , как поставить этот JavaScript ? Извините за мою глупость в этом деле , но я ведь пока новичок ! Жду ответа с нетерпением !

  16. Michelle Adrian z 25 декабря 2011 at 5:11 Permalink

    Приг

  17. Ryan Aportunse 27 декабря 2011 at 19:31 Permalink
  18. 1099 form 4 января 2012 at 8:14 Permalink

    whats your facebook profile?

  19. due date calculator 10 января 2012 at 16:04 Permalink

    i totally agree

  20. Shu Stockton 19 января 2012 at 7:08 Permalink

    We’re a group of volunteers and opening a new scheme in our community. Your web site offered us with valuable info to work on. You have done an impressive job and our entire community will be grateful to you.

  21. Daniella Sauro 20 января 2012 at 3:11 Permalink

    I have read several good stuff here. Certainly worth bookmarking for revisiting. I wonder how much effort you put to create such a wonderful informative website.

  22. Rudy Rafter 20 января 2012 at 17:47 Permalink

    Hello, i think that i saw you visited my website thus i came to “return the favor”.I am trying to find things to enhance my website!I suppose its ok to use a few of your ideas!!

  23. invest liberty reserve 24 января 2012 at 15:48 Permalink

    Wow, superb blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your website is wonderful, let alone the content!. Thanks For Your article about Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².ру .

  24. hyip 24 января 2012 at 15:48 Permalink

    Wow, superb blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is magnificent, let alone the content!. Thanks For Your article about Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².ру .

  25. Kaylee Arthurs vogan 27 января 2012 at 9:42 Permalink

    Сов

  26. Auto Approved Scrapebox Link 1 февраля 2012 at 13:21 Permalink

    Hello There. I found your blog using msn. This is an extremely well written article. I’ll be sure to bookmark it and come back to read more of Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².ру . Thanks for the post. I’ll certainly return.

  27. kolon kanseri belirtileri 3 февраля 2012 at 15:29 Permalink

    you will be really variety one particular admin your running a blog is remarkable i at all times check out your blog i’m sure you will be the perfect

  28. jelly defense apk download 3 февраля 2012 at 16:19 Permalink

    Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².ру I was suggested this website by my cousin. I am not sure whether this post is written by him as no one else know such detailed about my trouble. You’re incredible! Thanks! your article about Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².руBest Regards SchaadAndy

  29. hyip investment 3 февраля 2012 at 16:20 Permalink

    Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².ру I was recommended this blog by my cousin. I’m not sure whether this post is written by him as no one else know such detailed about my trouble. You’re wonderful! Thanks! your article about Очень удобный слайдер для контента | Ð§ÐµÑ€Ð½ÐµÐ².руBest Regards Rolf

  30. filo kiralama 4 февраля 2012 at 9:46 Permalink

    Greetings thanks for great put up i was seeking for this issue last a couple of nights. I will look for up coming precious posts. Have pleasurable admin.

  31. topmodels 4 февраля 2012 at 10:37 Permalink

    I was searching for this website very last three or more times good web site owner great posts every little thing is terrific

  32. Barbie oyunları 4 февраля 2012 at 12:17 Permalink

    Greetings thanks for great article i used to be searching for this situation very last two days and nights. I’ll search for upcoming valuable posts. Have pleasurable admin.

  33. polar bere 4 февраля 2012 at 15:08 Permalink

    Fantastic submit admin thank you. I identified what i was trying to find here. I’ll review whole of posts in this time of day

  34. google übersetzer 4 февраля 2012 at 20:28 Permalink

    I was curious about your subsequent article admin really needed this web site super remarkable blog

  35. köpek eğitimi 5 февраля 2012 at 6:34 Permalink

    i cant get how you are able to share like this amazing posts admin significantly thanks

  36. porno izle 6 февраля 2012 at 9:23 Permalink

    hey admin thanks for fantastic and simple understandable submit i cherished your blog web page really significantly bookmarked also

  37. inletin 6 февраля 2012 at 13:56 Permalink

    I was looking for this good sharing admin considerably thanks and have nice blogging bye

  38. escort 6 февраля 2012 at 14:30 Permalink

    Terrific publish admin thank you. I located what i was trying to find right here. I’ll review overall of posts on this day time

  39. kibarlı 7 февраля 2012 at 12:54 Permalink

    Fantastic article admin thank you. I observed what i used to be searching for right here. I will review total of posts on this evening

  40. sözler 8 февраля 2012 at 8:15 Permalink

    I was browsing for this great sharing admin significantly thanks and have good running a blog bye

  41. lezbiyen 8 февраля 2012 at 10:18 Permalink

    I used to be curious about your upcoming publish admin really necessary this weblog super amazing web site

  42. video 8 февраля 2012 at 13:02 Permalink

    Wonderful post admin thank you. I located what i was in search of here. I’ll review entire of posts with this time of day


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