【jQuery】エフェクトが魅力的なスライダー「jQuery Hero Slider Plugin」

 
レスポンシブにも対応したダイナミックスライダー「jQuery Hero Slider Plugin」。スワイプの有無や、自動再生などオプションも豊富にあり、比較的活用しやすそうなプラグイン。

jQuery Hero Slider Plugin

スライド時のエフェクトはdata-transform="scale"data-transform="rotate"にて指定します。その他オプションも用意されているので詳細はサイトをご覧ください。


  • Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
  • 【jQuery】Youtubeがウィンドウ内に表示されたタイミングで再生させるプラグイン
  • jQueryプラグインをまとめた検索サイト「jQuery Cards」
  • 【jQuery】プレースホルダにアニメーションを実装できる「FoxHolder」
  • 【jQuery】商品一覧ページなどで効果的に使える「Product Preview Slider」
RELATED POSTS
  • 【jQuery】要素を3D回転させるプラグインTURNBOX.js
  • CSSやHTML5・Twiterカードなどのコードを生成できる「Web Code Tools」
  • 【JS】物理法則に基づいたアニメーションライブラリ「Dynamics.js」
  • Google Mapのスタイルテンプレート「Snazzy Maps」
  • Youtubeの埋め込み動画をレスポンシブに対応させる方法
  • 【jQuery】テキストカラーをシャッフルさせるjQueryプラグイン「JUMBLE」
RECENT POSTS
  • 背景や区切り線などを簡単に装飾できるCSSライブラリ「pattern.css」
  • セクションの区切りをデザインできる「CSS Section Separator Generator」
  • 動画やアニメーションgifの背景を自動で消去してくれる「Unscreen」
  • ポップなイラストをダウンロードできる「Download 80 free illustrations」
PICKUP
  • hulu (フールー)で観れるおすすめの海外ドラマ・国内ドラマ【2020年3月版】
  • Photoshopで画像を切り抜くテクニック【初心者向け】
  • CSSで作成する吹き出しとデザインのアイデア
  • 無料で使えるおしゃれな英語の筆記体フリーフォント20選