Windy — jQuery-плагин слайдера с очень красивым эффектом

    jQuery-плагин для создания слайдера с очень красивым 3D-эффектом.



    Посмотреть демонстрацию плагина, скачать исходники.

    Вот как выглядит один из эффектов на скриншоте:



    Плагин имеет несколько настроек: скорость анимации, площадь «разлета» слайдов и т.д. Для работы плагина нужно создать UL с классом wi-container:

    <ul id="wi-el" class="wi-container">
        <li>
            <img src="images/demo1/1.jpg" alt="image1"/>
            <h4>Coco Loko</h4>
            <p>Total bicycle rights in blog four loko raw denim ex, helvetica sapiente odio placeat.</p>
        </li>
        <li> <!-- ... --> </li>
        <li> <!-- ... --> </li>
        <li> <!-- ... --> </li>
        <!-- ... -->
    </ul>
    


    Для браузеров, не поддерживающих CSS 3D transform и transition, будет отображаться стандартная анимация слайдеров.
    Share post

    Comments 20

      +1
      интересный слайдер, но на втором примере, при перелистывании постоянно скачет скролл
        0
        Добавьте
        overflow: hidden;
        к контейнеру со слайдером.
        0
        похоже случился хабраэффект
          +10
          Похоже на раздачу карт в карточной игре
            0
            Похоже на некоторые эффекты из Jelly Bean.
            А ещё сильнее похоже на эффект вкладок в мобильном хроме.
              0
              Ага, я всё ждал, пока колода кончится =)
              –6
              Каждый раз, читая заголовок «красивый эффект» или «крутое меню» какое-нибудь, к гадалке не ходи — либо тормозит, либо половина браузеров не поддерживает.
                +3
                вам пора уходить с IE )
                  –2
                  16я лиса, третье демо тормозит
                    +2
                    нормально в 16й лисе все…
                      +1
                      На самом деле может быть и нормально, и тормозюче.

                      Зависит от возможностей ускорения графики видюхою.

                      (Это проверяется по адресу «about:support» в подразделе «Graphics» в Файерфоксе.)

                      Например, я лично наблюдал, что для видюхи Radeon 9250 вообще не существует такого драйвера, который поддерживал бы ускорение в Файерфоксе.

                      И таковы многие рабочие места рядовых сотрудников в провинции на компьютерах ≈десятилетней давности, когда профессия их не подразумевает необходимости ускорения отрисовки трёхмерной графики, и даже наоборот — поощряет работодателя исключить возможность запуска современных компьютерных игр, требующих серьёзного видеоускорителя.
                +1
                Красивый такой.
                  +2
                  В третьем варианте стоит добавить поддержку прокручивания колеса мыши. Слайдер есть, а поддержки нет-)
                    +1
                    Было бы забавно, если «прилетал» бы слайд с того же направления, куда «улетел» раньше (при прокручивании кнопок вперед и обратно).
                      +1
                      В Опере в первых двух вариантах после эффекта недоступны кнопки Demo
                        +1
                        Теперь каждый новый эффект с Tympanus достоит собственного топика? У нас тут хабр, а не аггрегатор.
                        • UFO just landed and posted this here
                            –2
                            автор, видимо, заблокировал третью демку изза тормозов.

                            кто хочет ее посмотреть — заходите по его ссылке, щелкайте на demo2, а потом измените в строке адреса index2 на index3
                              0
                              Симпатично… но, имхо, это больше для «глянцевых» сайтов. На айпаде работает отлично )
                                0
                                Можно будет сделать красивую галерею фотографий, для какого-нибудь портфолио :) Или даже семейный альбом, такое ощущение что фотографии перекидываешь :)

                                Only users with full accounts can post comments. Log in, please.