Перейти к содержимому


Фотография
- - - - -

JBImage растягивает картинки

jbimage fancybox

Лучший Ответ joejoker , 15 August 2013 - 15:49

Сейчас, элемент jbzoo image сделан так, что в popup окне картинка всегда будет выводится по размеру окна. Т.е. не окно подстраивается под картинку, а картинка подстраивается под размер popup окна. Для того что бы картинка не обрезалась и не растягивалась, задайте в настройках размеры только ширины картинки и только ширины popup окна. Тогда картинка будет ресайзиться по одному размеру сохраняя пропорции. 

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 12

#1 EnergY

EnergY

Отправлено 15 August 2013 - 11:57

В шаблоне стоит картинка, при клике увеличение. Картинки растягиваются до размеров окна. Как сделать чтоб не расстягивало картинки а выводило их реальный размер?

Посмотреть можно здесь: http://prompol-tende...iny-dlya-betona


Сообщение отредактировал EnergY: 15 August 2013 - 11:58

  • 0

#2 Sliapy

Sliapy

Отправлено 15 August 2013 - 12:56

В настройках элемента можно задать размеры Pop Up.

 

Чтобы изображение не деформировалось, нужно указывать только ширину или только высоту

 

ssm19655300_200x0.png


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#3 EnergY

EnergY

Отправлено 15 August 2013 - 13:30

да это понятно, спасибо. Но почему картинку размерами 200 на 300 оно растягивает. Попап должен показать реальный размер а не растягивать если картинка меньше



вот скрин настроек с другого сайта

1376569744-clip-11kb.png

и тут можно посмотреть http://mistral.inet-...ie-linii-versor

все работает как должно быть.


Сообщение отредактировал EnergY: 15 August 2013 - 13:31

  • 0

#4 Sliapy

Sliapy

Отправлено 15 August 2013 - 13:42

В версии JBZoo 1.6.1 настройки popup не работают - там, по сути, задана только максимальная ширина (что-то вроде 80% от ширины страницы).

 

В новой версии это, видимо, исправили и теперь настройки влияют. Пробовали не указывать ничего вообще ширине и высоте popup?


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#5 EnergY

EnergY

Отправлено 15 August 2013 - 14:00

В версии JBZoo 1.6.1 настройки popup не работают - там, по сути, задана только максимальная ширина (что-то вроде 80% от ширины страницы).

 

В новой версии это, видимо, исправили и теперь настройки влияют. Пробовали не указывать ничего вообще ширине и высоте popup?

выдает попап по размеру маленькой картинки



посмотрел css старой и новой версии, и там и там указано высота и ширина 100%


  • 0

#6 Sliapy

Sliapy

Отправлено 15 August 2013 - 14:07

Дело не в CSS, а в скриптах.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#7 EnergY

EnergY

Отправлено 15 August 2013 - 14:14

и как тогда это сделать?



посмотрел на демо сайте все работает как нужно ( а нет, там всюда высота 800)


Сообщение отредактировал EnergY: 15 August 2013 - 14:15

  • 0

#8 Sliapy

Sliapy

Отправлено 15 August 2013 - 14:42

Боюсь, что сейчас только так - указывать определенную высоту попап. Но еще уточню у разработчиков.


  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#9 EnergY

EnergY

Отправлено 15 August 2013 - 15:09

ок, буду ждать ответа


  • 0

#10 joejoker

joejoker

Отправлено 15 August 2013 - 15:49   Лучший Ответ

Сейчас, элемент jbzoo image сделан так, что в popup окне картинка всегда будет выводится по размеру окна. Т.е. не окно подстраивается под картинку, а картинка подстраивается под размер popup окна. Для того что бы картинка не обрезалась и не растягивалась, задайте в настройках размеры только ширины картинки и только ширины popup окна. Тогда картинка будет ресайзиться по одному размеру сохраняя пропорции. 


  • 0
В мире все совсем не сложно, если самому не усложнять.
Разработка индивидуальных решений для ZOO /JBZoo /Joomla





Темы с аналогичным тегами jbimage, fancybox

Click to return to top of page in style!