Pull to refresh

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

Reading time1 min
Views35K
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, будет отображаться стандартная анимация слайдеров.
Tags:
Hubs:
Total votes 95: ↑88 and ↓7+81
Comments20

Articles