レスポンシブ対応で優雅なエフェクトが印象的なjQueryスライダー「Juicy Slider」 – bl6.jp
レスポンシブに対応している軽量のjQueryスライダー「Juicy Slider」をご紹介します。エフェクトがとっても優雅な感じで素敵ですね。min版が約2KBとかなり軽量なところも嬉しいです。あと、JavaScriptを使用して画像とviewportに対応するアスペクト比を計算して画像サイズが調整されるので、古いブラウザでもより一貫した互換性になっています。 [ads_center] 使い方 このように見た目がとてもシンプルなのでいい感じですね。マウスオーバーすると画像切り替えの矢印アイコンが表示されます。 使い方も特に難しい設定はありません。head内にjQuery、jQuery UI、プラグインファイルを読み込みます。 <link rel="stylesheet" href="css/juicyslider.css" type="
画像を綺麗に整列させるjQueryプラグイン「CollagePlus」 – bl6.jp
画像を綺麗に整列させる便利なjQueryプラグイン「CollagePlus」がよかったのでメモがてらご紹介します。イメージギャラリーとかに使ってみたいですね。実際のデモはレスポンシブにもなっていてブラウザ幅に合わせて可変していきます。オプションで自分の好きなエフェクトも選べるのもいいですね。 [ads_center] 使い方 こんな感じで綺麗に整列させることができます。マウスオーバーするとキャプションも表示されます。 使い方もとてもシンプルですね。 // マークアップ <div class="Collage"> <img src="example1.jpg" /> <img src="example2.jpg" /> <img src="example3.jpg" /> </div> // プラグインをセット $('.Collage').collagePlus(); 最初に表示される時のエ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
