Facebox 1.2 - LightBox風に角丸で画像をポップアップ | JavaScript | かたつむりくんのWWW
Facebox 1.2を導入してみました。 これまで、画像のポップアップ表示には yuga.js で使われていた「ThickBox 3.1」を使用していました。ThickBox 3.1 は非常に軽い動作で良いのですが、ブラウザの表示領域より大きい画像を表示させると、自動的に縮小されてしまいます。この自動縮小は基本的には便利なんだけど、画像に書かれている文字も読ませたいときなどはちょっと不便になってしまう諸刃の剣でした。 この自動縮小機能を無効化する方法もあるようですが（fixture.jp/blog - thickbox.jsの画像リサイズ機能をオフにする）、それだとブラウザをスクロールしても、オーバーレイされた画像はスクロールできず、結局表示領域からはみ出した部分は見られないという、こちらも諸刃の剣でした。 そこで、今回、動作の軽さという点や、使用できるリンクの種類が ThickBox
jQueryでボックスの中の画像の縦位置を中央に揃える | JavaScript | かたつむりくんのWWW
商品のサムネイルや商品名を入れたボックスを並べて、商品一覧などを作ることって結構あるのではないでしょうか。 そんなとき、写真のサイズが決まっていれば何の問題もありませんが、縦長だったり横長だったりする写真が混在するとき、それらの写真をボックスの中央に配置するのって結構面倒じゃないですか？ 左右中央に配置するのは問題ありませんが、縦を中央に配置するのが結構厄介です。 そこで、そのような場合の縦位置を jQuery で中央に配置してみようという小ネタです。 今回は、jqueryVerticalMiddle.js というプラグインを用意しました。 jqueryVerticalMiddle.js jqueryVerticalMiddle.jsのサンプル 使い方はサンプルのソースを見た方が早いと思いますが、念のため説明を。 ファイルの読み込み jQuery と jqueryVerticalMiddl
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
