Обновление ширины / высоты галереи при изменении размеров браузера

Question

У меня есть вопрос.Могу ли я обновить размер этого плагина, когда я изменю размеры моего браузера, или, может быть, я могу просто привязать его размер к некоторому контейнеру, и тогда он изменит размер по умолчанию?Может быть, это возможно как-то масштабировать, потому что я действительно не хочу делать мой сайт «исправленным» из-за этого.

                <script>
                Galleria.loadTheme('media/js/galleria/themes/classic/galleria.classic.min.js');
                $("#gallery").galleria(
                {
                    width: (this is what I want to be dynamic),
                    height: (this is what I want to be dynamic),
                    clicknext: true,
                    transition: 'fade',
                    showCounter: false
                });
                </script>

Answer 1

В случае, если кто-то наткнется на это и не сможет понять, каково решение из принятого ответа, в конечном итоге это сработало для меня:

$('#galleria').data('galleria').resize();

Это на самом деле тоже задокументировано, поэтому менее вероятносломать.

Answer 2

Существует недокументированный метод с именем rescale () , который вызывается для обновления измерений галереи в любое время, например, при изменении размера контейнера.

Answer 3

Это можно сделать, связав функцию, которая обновляет ширину и высоту элемента до $ (окно) .resize ()

Вы должны выяснить, где находится функция галереи, применяющая «ширину» и «высоту», и использовать новую функцию, чтобы выполнить необходимые вычисления с размерами окна, и применить их к этому элементу.

Что-то вроде:

$(window).resize(function(){ 
$('#elementtobemodified').width(/*calculate the new width you want to apply here*/).height(/*and do the same for the height here*/);
});.

Я думаю, что это должно сделать.

Answer 4

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