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. Flex-box Gallery

    JavaScript

    ランダムサイズの画像をかっこいいギャラリーにしてくれる「Flex-box Gallery」

    Flex-box Galleryは、ランダムサイズによる画像たちをかっ…

  2. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  3. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

  4. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  5. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

最近の記事

  1. WiMAX
  2. 甘柿
  3. 冬用のふとん
PAGE TOP