Ограничиваем размер фото Lightbox 2

Суть проблемы:

Когда изображение не обработано, а заливается на сайт напрямую с фотика (к примеру), то его размеры намного больше, чем нам нужно для комфортного просмотра. Например ширина 4000 пикселей. Поэтому нужно ограничить размер по ширине или высоте (только не по обоим одновременно, иначе рискуем потерять пропорции).

Допустим нам нужно ограничить ширину увеличенной фотографии 700 пикселями.

Открываем файл lightbox.js, находим строку:

 imgPreloader.onload = (function(){

У меня она под номером 259. Ничего менять не будем в коде, просто добавим условие.

Исходный код:

       imgPreloader.onload = (function(){
            this.lightboxImage.src = this.imageArray[this.activeImage][0];
            /*Bug Fixed by Andy Scott*/
			this.lightboxImage.width = imgPreloader.width;
            this.lightboxImage.height = imgPreloader.height;
            /*End of Bug Fix*/
	    this.resizeImageContainer(imgPreloader.width, imgPreloader.height);
        }).bind(this);

Код на выходе:

       imgPreloader.onload = (function(){
            this.lightboxImage.src = this.imageArray[this.activeImage][0];
            /*Bug Fixed by Andy Scott*/
			this.lightboxImage.width = imgPreloader.width;
            this.lightboxImage.height = imgPreloader.height;
            /*End of Bug Fix*/
			if ( imgPreloader.width > 600 ){
				imgPreloader.height = Math.round( imgPreloader.height * 600 / imgPreloader.width );
				imgPreloader.width = 600;
			}
            this.resizeImageContainer(imgPreloader.width, imgPreloader.height);
        }).bind(this);

Всё, готово!

Поделиться с друзьями

Френдинг

 

Comments

No comments so far.

Leave a Reply

 
(will not be published)
 
 
Comment