フェードインとフェードアウトのトランジションがあるスライダーがあります。基本的に、要素を循環して切り替え、アクティブなスライドにクラスを<li></li>
追加します。.current
このように見えます <li class="current"></li>
。
私のコードの解決策は何だと思いますか? http://jsbin.com/evayaw/
スライドにクラス()を追加するボタンを追加して.active
、スライダーの動作を模倣しました。各スライド内のオブジェクト.active
は、親<li>
コンテナにクラスを追加するとアニメーション化されます。.active
また、クラスを削除した後、遷移する必要があります。遷移は通常、反対のプロパティを実行します。からまたはにopacity: 1;
行きます。opacity 0;
left: 100;
left: 0;
同様: http ://tympanus.net/Development/ParallaxContentSlider/-これは既存のスライダーとは異なるアプローチを使用しているため、これを使用することはできません。