Lightbox Gallery - Colorbox : 화면에 넘치지 않도록 하려면...

다음과 같이 기본 설정은 변경하면 된다.

[break]

lightbox-gallery/js/jquery.colorbox.js

[break]

변경전


 
(function ($, document, window) {

var defaults = {
...
maxWidth: false,
...
maxHeight: false,
...

변경후


 
(function ($, document, window) {

var max_box_width = $(window).width() - 100;
var max_box_height = $(window).height() - 100;

var
// Default settings object.
// See http://jacklmoore.com/colorbox for details.
defaults = {
...
maxWidth: max_box_width,
...
maxHeight: max_box_height,
...

또는 이렇게도 간단하게...

 
(function ($, document, window) {

var
// Default settings object.
// See http://jacklmoore.com/colorbox for details.
defaults = {
...
maxWidth: 90%,
...
maxHeight: 100%,
...