>   > jQueryプラグイン Part.1

jQueryプラグイン Part.1

jQueryプラグインを利用した各種機能の設置代行をいたします。

5,000 円/1箇所設置につき(税別)

※スクロールショー機能は一式5,000円/1サイト(税別)となります。

CoolWebWindowのvanillaさん自作のプラグインを利用しており、こちらのご利用規約及び、MITライセンスも確認をお願いいたします。

こちらのjQueryプラグイン機能設置代行のお申込みと同時に、全ての利用規約に同意いただいたものとみなします。

※動作保証ブラウザは、IE9以上、その他のブラウザ(Firefox、Opera、Safari、Google Chrome)は最新版です。

スクロールショー

ある程度スクロールしたら、コンテンツを表示させるjQueryです。

スクロールすると右下に「ページトップへの戻り」リンクが表示されます。レスポンシブWebデザイン対応です。

サンプル

スライドショー(画像バージョン)

スライドショー(画像バージョン)イメージ レスポンシブWebデザイン対応のスライドショー機能です。

スマートフォンで閲覧した場合は、スワイプで画像を変更できるようにしています。主にトップページのメインイメージとして最適かと思います。

サンプル

さらにオプションで、以下の機能が選べます。

  • スワイプ機能
  • スワイプの感度
  • オートスライド機能
  • フェード/横スライド表示の選択
  • 繰り返しのあり/なし
  • スライドする効果の種類の変更
  • 1枚あたりの表示時間の変更
  • 切り替わるスピードの変更
  • 画像にマウスオーバーしたときにオートスライド一時停止
  • ナビゲーションにマウスオーバーしたときにオートスライド一時停止
  • ナビゲーションにサムネイル画像を使用
  • ナビゲーションに別途用意したサムネイル画像を使用
  • ナビゲーションのサムネイル画像の接尾辞名を指定
  • PREV/NEXTナビゲーションの表示/非表示
  • ページネーションの表示/非表示

スライドショー(ワイド)

スライドショー(ワイド)イメージ レスポンシブWebデザイン対応で、複数枚の画像を横並びしたフルワイドタイプのスライドショーです。

スマートフォンで閲覧した場合は、スワイプで画像を変更できるようにしています。

また、左右のナビゲーションを無くし、どのような条件で設定しても画像が1枚しか表示されないようにしています。

サンプル

さらにオプションで、以下の機能が選べます。

  • スワイプ機能
  • スワイプの感度
  • オートスライド機能
  • 繰り返しのあり/なし
  • スライドする効果の種類の変更
  • 1枚あたりの表示時間の変更
  • 切り替わるスピードの変更
  • 画像にマウスオーバーしたときにオートスライド一時停止
  • ナビゲーションにマウスオーバーしたときにオートスライド一時停止
  • 左右のフィルター部分もナビゲーションにする(クリックしたらスライドする)
  • 表示するスライド数の変更
  • 画像を1枚だけ表示するように切り替える際のブラウザのサイズ
  • ナビゲーションにサムネイル画像を使用
  • ナビゲーションに別途用意したサムネイル画像を使用
  • ナビゲーションのサムネイル画像の接尾辞名を指定
  • PREV/NEXTナビゲーションの表示/非表示
  • ページネーションの表示/非表示

カルーセルバナー

カルーセルバナーイメージ 複数枚の画像を横並びしたカルーセルタイプのスライドショーです。

商品一覧やバナーのリンクとして最適です。

レスポンシブWebデザイン対応で、ブレークポイントを指定することにより、ブラウザのサイズによって、画像の表示枚数を変更することが可能です。

サンプル

さらにオプションで、以下の機能が選べます。

  • スワイプ機能
  • スワイプの感度
  • オートスライド機能
  • 繰り返しのあり/なし
  • スライドする効果の種類の変更
  • 1枚あたりの表示時間の変更
  • 切り替わるスピードの変更
  • 画像にマウスオーバーしたときにオートスライド一時停止
  • ナビゲーションにマウスオーバーしたときにオートスライド一時停止
  • 表示するスライド数の変更
  • スライドする枚数の変更(1枚 or 表示画像分)
  • ブレークポイントの指定
  • PREV/NEXTナビゲーションの表示/非表示
  • ページネーションの表示/非表示