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. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  2. jquery-confirm

    JavaScript

    アラートやダイアログなどさまざまな機能を実装できる「jquery-confirm」

    jquery-confirmはアラートやconfirm、ダイアログなど…

  3. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

  4. NO IMAGE

    JavaScript

    レスポンシブ対応のスタイリッシュなスライドショー実装「offbeatSlider」

    offbeatSliderはレスポンシブに対応したアニメーション付きの…

  5. Zoomerang.js
  6. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP