Home

Slick の current-slide を使ったキャプションに関するデモです。

経緯

Slick のスライドショーにキャプションを付け、そのキャプションに参考サイトのようにアニメーションを付けようとしました。

その際に、以下の現象に気付きました。

• 画面表示 (初回ロード時、リロード時) のスライド1枚目のキャプションのみアニメーションが発火しない
• 2週目以降はスライド1枚目のキャプションもアニメーションが発火する

これをどうにか初回ロード時・リロード時もアニメーションを付与したい、というのが始まりです。