Technology

lightbox2.5.1で閉じるボタンの位置(高さ)を変える方法

By 4月 22nd, 2013 No Comments

lightboxする画像の高さが違う場合に、lightbox2.5.1で閉じるボタンの位置(高さ)を変更するには、以下のようにします。
lightbox.js
【変更前】
Lightbox.prototype.showImage = function() {
var $lightbox;
$lightbox = $(‘#lightbox’);
$lightbox.find(‘.lb-loader’).hide();
$lightbox.find(‘.lb-image’).fadeIn(‘slow’);
this.updateNav();
this.updateDetails();
this.preloadNeighboringImages();
this.enableKeyboardNav();
};
【変更後】
Lightbox.prototype.showImage = function() {
var $lightbox;
$lightbox = $(‘#lightbox’);
$lightbox.find(‘.lb-loader’).hide();
$lightbox.find(‘.lb-image’).fadeIn(‘slow’);
this.updateNav();
this.updateDetails();
this.preloadNeighboringImages();
this.enableKeyboardNav();
var imgHeight = $(“.lb-outerContainer”).height();
$(“.lb-data .lb-close”).css({‘top’:-imgHeight});
};

Kunitaka Kawashimo

Kunitaka Kawashimo

アートディレクター・デザイナー・フォトグラファー。株式会社クリーム代表取締役。グラフィックデザイン/Webデザイン/撮影の仕事のご相談・ご質問は、お気軽に以下までご連絡ください。info@creamu.co.jp