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


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

Вылазиют изображения из тизера


Лучший Ответ Cheren-dow , 19 November 2013 - 21:38

Если вы посмотрите на код Bootstrap то увидите следующий стиль

.thumbnail > img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
А у вас структура разметки с popup нарушается потому что добавляется ещё и ссылка.

Измените обращение к картинке исходя из вашего кода(структуры) Перейти к сообщению


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

#1 sebafurego

sebafurego

Отправлено 19 November 2013 - 20:04

Верстал шаблон на бустрапе, разработал адаптивный дизайн, в номальном состоянии, не зависимо от того какой размер картинки стоит в настройках тизера, она адаптируется под размер блока. И всё хорошо, только если на картинку поставить popup, они становятся огромными http://fromy.ru/inde...postelnoe-belyo

 

Помогите решить проблему, а то без popup сложно до людей информацию доносить, а на полное описание я не хочу чтобы люди переходили, чтобы меньше по сайту лазизи


  • 0

#2 Cheren-dow

Cheren-dow

Отправлено 19 November 2013 - 20:53

Это ни как не связанно с JBZOO, но вам поможет width: 100%; для картинки


И какая же важная информация в popup находится? Ради своего интереса спрашиваю.


  • 0
Изображение
 

#3 sebafurego

sebafurego

Отправлено 19 November 2013 - 21:08

Кроме картинки ни чего. Просто он даёт возможность лучше товар рассмотреть. Так конечно видно товар, но в плане постельного белья люди любят поближе рассмотреть


А где мне ставить ширину 100%, я пробовал прописывать в админке но он вместо процентов ставит пиксели. 


  • 0

#4 Cheren-dow

Cheren-dow

Отправлено 19 November 2013 - 21:14

Ну с мобилки как не крути по ближе не посмотришь. А ширину в медиа запросах указывайте.


  • 0
Изображение
 

#5 sebafurego

sebafurego

Отправлено 19 November 2013 - 21:17

При чём тут медиа запросы. Я говорю про то, что если на фото ссылка стоит то она в таком виде в каком показано по ссылке. И может вы подскажете как решить эту проблему? Тут не имеет значения разрешение экран


Сообщение отредактировал sebafurego: 19 November 2013 - 21:19

  • 0

#6 Cheren-dow

Cheren-dow

Отправлено 19 November 2013 - 21:21

Покажите скриншот своих настроек для элемента JBImage - для teaser


  • 0
Изображение
 

#7 sebafurego

sebafurego

Отправлено 19 November 2013 - 21:28

1.PNG
Если я уберу popup то всё станет хорошо, я не могу просто найти почему ссылка так влияет на изображения, вроде ни каких стилей не добавляется

  • 0

#8 Cheren-dow

Cheren-dow

Отправлено 19 November 2013 - 21:38   Лучший Ответ

Если вы посмотрите на код Bootstrap то увидите следующий стиль
.thumbnail > img {
    display: block;
    height: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
А у вас структура разметки с popup нарушается потому что добавляется ещё и ссылка.

Измените обращение к картинке исходя из вашего кода(структуры)

Сообщение отредактировал SmetDenis: 20 November 2013 - 07:57

  • 1
Изображение
 

#9 sebafurego

sebafurego

Отправлено 19 November 2013 - 21:45

Да как всё банально =) Благодарю +1 к вашей карме )


  • 0

#10 Cheren-dow

Cheren-dow

Отправлено 19 November 2013 - 21:48

Обращайтесь.

Так что 1 баг у вас уже нашли.


  • 0
Изображение
 




Click to return to top of page in style!