-
投稿者投稿
-
2022年6月5日 9:52 AM #105828
【お使いの Snow Monkey のバージョン】17.0.4
【お使いの Snow Monkey Blocks のバージョン】16.0.1
【お使いの Snow Monkey Editor のバージョン】8.0.1
【お使いのブラウザ】chrome
【当該サイトのURL】### 実現したいこと
ショーケースにある「HandicraftWorks」さんのトップに設置してあるようなスライダーを実装したいです。
・スライド前に画像がアップになる
・文字の挿入
以上2点を実現したいのですが、スライダーのカスタマイズ画面にそのような項目が見当たりません。
使用プラグインにもスライダー系のプラグインがなさそうなので、プラグインなしで実装できるのでしょうか?
### 発生している問題
プラグインなしでスライダーに動きがつけられない
### 試したこと
スライダーのカスタマイズ
プラグインなしで実装可能なのであればそのやり方を知りたいです。
よろしくお願いいたします。
♥ 0いいねをした人: 居ません2022年6月6日 9:10 AM #105862Snow Monkey Blocks のスライダーではないみたいですね。具体的な実装はわかりませんが、ソースコードをみた感じだと Swiper のスライダーを Lazy Blocks プラグインでブロック化して使われているのかなと思いました。
2022年6月6日 10:52 AM #105867Lazy Blocks を使っていますね。使い方は手前味噌ですが、こちらの記事にまとめているのでよかったら参照してみてください。
プラグイン(My Snow Monkeyなど)からフックで Lazy Blocks で利用できるテンプレートを自身で持たせることもできるので、自由にマークアップした出力をブロックにさせることができます。お試しください。
また、Snow Monkey Blocks のスライダーブロックでも、画像のキャプションをスタイリングし、アクティブになっているスライド画像に対してCSSアニメーション等を設置することで、似たような構造を作れなくもないかなと思います。
双方お試しになって最適解を探すのが良さそうです。
2022年6月7日 6:28 AM #105933 -
投稿者投稿
- トピック「スライダーに動きをつけたい」には新しい返信をつけることはできません。