blog
copyright ©
creamu Inc. All Rights Reserved.
art direction & design: Kunitaka Kawashimo
code, interaction & photography: creamu Inc.
category: Technology

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

Pocket

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}); };