【デモあり】bxSliderにプログレスバーを設定する方法
- 2023.01.23
今回はjQueryプラグイン[bxSlider]でスライダーを作成し、それにプログレスバーを設定していきます。 1. bxSliderとは bxSliderの特徴は簡単に設置が可能なこと、レスポンシブ表示に標準で対応していること、オプションが豊富でカスタマイズしやすいこと等です。 bxSliderを使用するにはjQueryが必要にはなりますが、jQueryの利用方法もこの記事で紹介しているので、も […]
今回はjQueryプラグイン[bxSlider]でスライダーを作成し、それにプログレスバーを設定していきます。 1. bxSliderとは bxSliderの特徴は簡単に設置が可能なこと、レスポンシブ表示に標準で対応していること、オプションが豊富でカスタマイズしやすいこと等です。 bxSliderを使用するにはjQueryが必要にはなりますが、jQueryの利用方法もこの記事で紹介しているので、も […]
今回はModaalとSwiperを合わせて使用して、モーダルウィンドウ上にスライダーを表示できるようにします。 このデモでモーダルウィンドウを開くと、その中にスライダーが設置されているのが分かると思います
今回はグラデーションで色鮮やかな背景が、時間の経過で変化していくコードスニペットをご紹介します! See the Pen Gradient background with waves by Bárbara Rodríguez (@baarbaracrr) on CodePen. このように段々と変化していくので、幻想的な雰囲気を出したいサイトにぴったりですね!ぜひ試してみて下さい!
今回はSwiperで作成したスライダーに、プログレスバーを設置してみたいと思います。 1. Swiperとは まずSwiperの特徴を簡単にご紹介します。Swiperはスライダーが簡単に実装できるJavaScriptのライブラリです。 SwiperはjQueryを必要としないので、jQueryが要件として使えない場合でも、問題なく使用できます。更にオプションも豊富で、使用者も多いため検索しても様々 […]
今回はホバー時に文字が面白い動きをするコードスニペットをご紹介します! 3種類のいずれも愉快な動きをしますね!
今回はSwiperとModaalを合わせて使用して、スライダーからモーダルをウィンドウを表示できるようにします。 下に置いてあるデモではスライダーの画像をクリックすると、モーダルウィンドウが表示されるようになっています。
Wordpress のテンプレートで投稿リストを取得する際に、どんな関数を使っていますか? Wordpressには query_posts と get_posts の二種類が用意されていますが、それぞれには違いがあります。