Как я могу сделать эту галерею jBox отзывчивой?

У меня есть этот page (который все еще работает), в котором размещены несколько эскизов изображений, которые будут открывать большую версию при нажатии; Для этого я использую jBox. Я пытаюсь заставить это большее изображение вести себя отзывчиво. Но не может заставить ничего работать!Как я могу сделать эту галерею jBox отзывчивой?

Я проверил через инспектора и, похоже, это контейнер #jBoxID2; И я думаю, мне нужно было бы это только ниже точки останова, потому что я действительно просто заинтересован в мобильных, phablet и планшетах!

@media all and (max-width: 560px) { 
    #jBoxID2{ 
    width: 90%; 
    position:absolute!important; 
    } 
}

Спасибо!

ОБНОВЛЕНИЕ Добавлен образ контейнера для ясности! enter image description here

UPDATE 2 марта

Я считаю, что я могу быть рядом, но не может получить, что внутреннее изображение, чтобы расположить внутри контейнера! Я не загружал код в репо, поэтому, если вы проверите его, он еще не будет обновлен. Я загружу его позже!

enter image description here

#jBoxID2{ 
    position: absolute!important; 
    margin: auto!important; 
    right: 0!important; 
    left: 0!important; 
    max-width: 500px!important; 
    padding-top: 10px!important; 
    padding-left:10px!important; 
    padding-right:10px!important; 
    } 

.jBox-image-container{ 
    margin: 0 auto!important; 
    max-width: 480px!important; 

}

источник

2015-03-01 Antonio Pavicevac-Ortiz

Вы уверены, что это правильный селектор? Когда я искал его для id jBoxID2 в исходном коде, я не смог найти такой идентификатор. Вы должны проверить его дважды. :-)

источник

2015-03-01 23:55:33 Shay

Спасибо за ответ! В самом деле. Вышеприведенный снимок экрана из dev-tools, показывающий id/classes для элемента. –

Извините, я немного устал и не заметил, что эскизы были введены после загрузки страницы. :) В любом случае, я просмотрел его, и, хотя вы можете изменить ширину # jBoxID2, нужно иметь в виду две вещи: 1. У него есть левый 50%, который толкает div справа 2. Само изображение фиксируется на шириной 500 пикселей, поэтому, независимо от того, какое изменение вы делаете на этом jBoxID2 div, оно меняет свой фон, но не образ его. Поэтому вам нужно изменить изображение, чтобы установить его на максимальную ширину 500 пикселей или, наоборот, использовать процент. Надеюсь это поможет. :) – Shay

Спасибо, за ваше понимание, я недавно обновил свой css, см. Выше обновления (но не фактический сайт), я сделаю это позже ... Если у вас есть момент, я буду благодарен за ваши мысли! - привет! –

Как я могу сделать эту галерею jBox отзывчивой?

ответ

Смежные вопросы