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

в 13:47, , рубрики: jquery, веб-дизайн, Веб-разработка, плагин, метки: ,

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

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

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

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

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

Плагин имеет несколько настроек: скорость анимации, площадь «разлета» слайдов и т.д. Для работы плагина нужно создать 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, будет отображаться стандартная анимация слайдеров.

Автор: grokru

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js