Размер изображения ограничен в Lightbox2

Question

Я просто загружаю образец lightbox2 и использую css & js, чтобы создать свой лайтбокс успешно. Тем не менее, я обнаружил, что изображение не является первоначальным размером, когда я нажимаю кнопку увеличения (предположим, это больше). Устанавливает ли параметр css или js размер?

С нетерпением жду вашего быстрого ответа.

Спасибо!

Answer 1

Лайтбокс повторно размеры изображения в своем родном поведении на JavaScript уровне в 2-х случаях:

Случай 1

Если свойства MaxWidth/MaxHeight устанавливаются в опциях:

maxWidth - Если установлено, высота изображения будет ограничена этим числом в пикселях. Соотношение сторон не поддерживается.

maxHeight - Если установлено, ширина изображения будет ограничена этим числом в пикселях. Соотношение сторон не поддерживается.

Случай 2

Если ширина или высота изображения> чем ширина контейнеров, вы можете проверить changeImage функции в lightbox.js для получения дополнительной информации

// part of the code where resize checking occurs 
    ... 
      maxImageWidth = windowWidth - self.containerLeftPadding - self.containerRightPadding - 20; 
      maxImageHeight = windowHeight - self.containerTopPadding - self.containerBottomPadding - 120; 

     // Is there a fitting issue? 
       if ((preloader.width > maxImageWidth) || (preloader.height > maxImageHeight)) { 
        if ((preloader.width/maxImageWidth) > (preloader.height/maxImageHeight)) { 

    .... 

Answer 2

Существует fitImagesInViewport варианта, по умолчанию установлено значение true. Любые изображения, которые будут выходить за пределы области просмотра, изменяются, поэтому они аккуратно вписываются в него.

Если вы хотите просмотреть изображения с полным разрешением и в порядке с изображениями, выходящими за пределы области просмотра, вам необходимо установить для этого параметра значение false.

<script src="path/to/lightbox.js"></script> 
<script> 
    lightbox.option({ 
     'fitImagesInViewport': false 
    }) 
</script> 

список всех доступных опций доступен здесь: http://localhost:8000/dist/#options

Answer 3

Lokesh

Было бы очень полезно, чтобы добавить вид значка magnifyer когда изображение субдискретизации, чтобы соответствовать окно просмотра. Когда пользователь нажмет на него, он покажет полное разрешение изображения (с перемещением ползунков).

Я использую Lightbox 2, чтобы показать фотографии астрономии на форуме, и нам действительно нравятся снимки с полным разрешением, если это необходимо, хотя на первый взгляд изображение с уменьшенным разрешением для просмотра все еще хорошо для навигации через галерею. Значок magnifyer будет высоко оценен.

Fred