slickメインのFV画像でよく使用されている、画像が少しずつ拡大(ズーム)してフェードで画像が切り替わるスライドのslickを使用しての実装サンプルとコードを紹介します。CodePen.主な特徴はなく、スライドを構築できるHTMLです。fadezoomとそのアニメーションを適用するクラス.slide-animationを用意します。});$slide.find(".slick-slide").eq(0).addClass("slide-animation");Javascriptは、スライド切り替え動作前に実行するイベントと動作後に実行するイベントそれぞれにアニメーション関連の処理を加えます。仕組みは、画像が切り替わる動作が始まった直後に次の画像のアニメーションを開始。切り替わる前の画像に後でアニメーションを停止するためのクラスを付与します。次の画像に切り替わったら、前の画像のアニメーションを停止して、アニメーションを停止するためのクラスを削除します。これだけだと、ページを開いたときに1枚目の画像にアニメーションがないため、最後のコードでアニメーションを開始します。