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. jQuery Star Flashing Effect
  2. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  3. h5Validate

    JavaScript

    HTML5のフォームバリデーションを実装できるjQueryプラグイン「h5Validate」

    h5ValidateはHTML5によるフォームバリデーションを実装する…

  4. VerticalShift

    JavaScript

    要素を縦長に並べてマウスオーバーで全部表示させるjQueryプラグイン「VerticalShift」…

    とても面白い見せ方だったのでご紹介します。要素を縦長に並べてマウスオー…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり方

    jQueryで現在のウィンドウサイズの取得と判定をして処理を変えるやり…

  6. Vide

    JavaScript

    背景にvideoを表示できるjQueryプラグイン「Vide」

    VideというjQueryプラグインを使えば、Webサイトの背景にvi…

最近の記事

  1. すしざんまい
  2. 蒼龍唐玉堂 特製牛バラ担々麺
  3. サーモンアボカドサラダラップとドリップ
  4. 猿田彦フレンチ
  5. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて

アーカイブ

PAGE TOP