![](https://habrastorage.org/storage2/356/624/5e8/3566245e8ce6064314f54145c8ff8d73.jpg)
プラグインのデモを表示し、ソースをダウンロードします 。
スクリーンショットの効果の1つを次に示します。
![](https://habrastorage.org/storage2/d7e/dde/a1b/d7eddea1b992f769713dd67feab6d13d.png)
プラグインにはいくつかの設定があります:アニメーション速度、スライドの「拡大」領域など。 プラグインが機能するには、wi-containerクラスでULを作成する必要があります。
<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の変換と遷移をサポートしていないブラウザーの場合、スライダーの標準アニメーションが表示されます。