jQuery-плагин для создания слайдера с очень красивым 3D-эффектом.
![](https://habrastorage.org/r/w780q1/storage2/356/624/5e8/3566245e8ce6064314f54145c8ff8d73.jpg)
Посмотреть демонстрацию плагина, скачать исходники.
Вот как выглядит один из эффектов на скриншоте:
![](https://habrastorage.org/r/w1560/storage2/d7e/dde/a1b/d7eddea1b992f769713dd67feab6d13d.png)
Плагин имеет несколько настроек: скорость анимации, площадь «разлета» слайдов и т.д. Для работы плагина нужно создать UL с классом wi-container:
Для браузеров, не поддерживающих CSS 3D transform и transition, будет отображаться стандартная анимация слайдеров.
![](https://habrastorage.org/storage2/356/624/5e8/3566245e8ce6064314f54145c8ff8d73.jpg)
Посмотреть демонстрацию плагина, скачать исходники.
Вот как выглядит один из эффектов на скриншоте:
![](https://habrastorage.org/storage2/d7e/dde/a1b/d7eddea1b992f769713dd67feab6d13d.png)
Плагин имеет несколько настроек: скорость анимации, площадь «разлета» слайдов и т.д. Для работы плагина нужно создать 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, будет отображаться стандартная анимация слайдеров.