スライドアウトでスライドが入れ替わり、若干ズームアウトしつつ画像が表示されるスライダーの制作

投稿者: Anonymous

以下のようなスライダーの制作をしたいのですが、良いプラグインなどご存知の方はいらっしゃらないでしょうか。自作を試みたもののさっぱり出来上がりませんでした。

  • スライドアウトでスライドが入れ替わる
  • 若干ズームアウトしつつ画像が表示される

参考サイト:スライダー参考サイト

上記2点以外の要素の実装はしません。
スクラッチが難しそうなので可能であればプラグインを改変する程度で済ませたいと考えています。
よろしくお願いします。

解決

vegas.jsはどうでしょうか?
https://vegas.jaysalvat.com/

ドキュメントにあるslideLeftなどのトランジションとkenburnsアニメーションを組み合わせると良いかと思います。
動きが気に入らなければ自分でcssアニメーションを書くこともできます(custom transitions, custom animations参照)
http://vegas.jaysalvat.com/documentation/transitions/

回答者: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *