Tosrus

JavaScript

スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

TosrusというjQueryプラグインを使えば、スワイプやスクロールができるスマホやタブレット対応のLightbox風のポップアップ機能を実装することができます。色んなデバイスに対応したイメージギャラリーなんかを作る際に役立ちますね。

[ads_center]

Tosrusの使い方

Tosrus

jQuery Lightbox alternative: Touch Optimized Sliders “R”Us

実際のデモでは、サムネイル画像をクリックするとこのように画像が拡大表示されます。前後の画像へ移動できる矢印も表示されるので、そのまま色んな画像を見ることができます。

$(document).ready(function() {
	$("#links a").TosRUs({
		// ここにオプション設定
	});
});

オプションもたくさん用意されているので、自分の好きな設定にカスタマイズすることが可能です。

Squishyテキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」前のページ

li要素のテキストを折り返した時に頭文字の余白を揃えるやり方次のページli要素の折り返したテキストを揃える

関連記事

  1. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  2. LuminJS

    JavaScript

    テキストを徐々にハイライトしていく「LuminJS」

    LuminJSはWebページ上のテキストを徐々にハイライトしていくJa…

  3. elmenu

    JavaScript

    レスポンシブ対応で軽量なハンバーガーメニューを実装できる「elmenu」

    elmenuはレスポンシブに対応した軽量のハンバーガーメニューを実装す…

  4. no-image

    JavaScript

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  5. no-image

    JavaScript

    クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

    Cookie Banner JSは、Webサイト上に表示させるクッキー…

  6. Expanding Bar Navigation Concept

最近の記事

  1. クリニカのY字タイプのフロス
  2. 日和山公園の桜
  3. 成城石井 フレンチロースト
  4. COMOLI カシミアシルクニットパーカ
  5. 橋

アーカイブ

PAGE TOP