パネルに切り込みをいれ、垂直・水平方向にダイナミックにスライドするフルスクリーンで楽しめるスライダーをjQueryとCSS3で実装するチュートリアルを紹介します。 サイドのアローをクリックすると、その大胆なスライドのアニメーションが楽しめます。

画像だけでなく、動画やiframe, HTMLコンテンツにも対応し、レスポンシブレイアウトやタッチデバイスもサポートしたスライダーをHTML5ベースで実装するjQueryのプラグインを紹介します。 iViewはキャプションやサムネイルをアニメーションで表示できるjQueryの ...

Webサイト制作にあたりスライダー系の演出は必須といっても過言ではないです。 そこでおすすめのJavaScriptスライダープラグイン22選をご紹介します。 レスポンシブでカスタマイズ可能なカルーセルスライダー。タッチ対応やアニメーションオプションなど ...

当記事の内容および記事中のリンクには、広告目的や当サイトが収益を得るためのものが含まれており、これらの収益によってuzurea.netは運営されています。 webサイトのトップページなどに多くみられる、画像やコンテンツを左右に切り替える、スライダー ...

WEB制作で欠かせないスライダーですが、自作している方以外はプラグインを使うか、あるいはJSライブラリを利用していますよね。 普段、私はスライダー制作時には基本的に「Swiper」を利用しているのですが、最近業務で使った「splide」がとても使いやすく ...