2011-05-31 77 views
2

我有問題。當我更改瀏覽器的尺寸時,是否可以更新此插件的大小,或者我可以將它的大小綁定到某個容器,然後默認更改大小?也許有可能以某種方式擴展它,因爲我真的不想讓我的網站「固定」,因爲這個。瀏覽器更改尺寸時更新環球免稅店寬度/高度

   <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> 

回答

1

有一種未公開的方法,稱爲rescale(),隨時調用此函數更新圖庫測量值,當您更改容器大小時,f.ex。

+0

Okey,但我真的不知道如何調用此函數。我試過Galleria.rescale(),Galleria.rescale(一些數字,一些數字),但它不起作用。 – sed 2011-06-02 14:39:58

+0

嗯,我知道了,它重新縮放圖像,太糟糕了,它不會重新調整其他所有的東西,比如它使用的按鈕或CSS樣式。 – sed 2011-06-02 14:44:20

0

沒用過廣場,只是偷看their docs這聽起來像在默認情況下,這兩個值是自動,並會採取包含元素的寬度和高度,因此,如果您包含的元素是液體,可以只需將寬度和高度從init選項中取出,並且應該符合容器。你有沒有嘗試只取決於父元素的維度?

0

爲此,您可以綁定一個函數,更新元素的寬度和高度$(窗口).resize()

你應該找出是應用的Galleria功能「寬度」和「高度「,然後使用新函數根據窗口尺寸進行所需的計算,並將其應用於該元素。

喜歡的東西:

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

我認爲應該這樣做。

+0

不,它正在改變元素的寬度/高度,但是Galleria本身並沒有根據它進行更新。 – sed 2011-06-02 15:59:39

1

如果任何人蹣跚而這一點,並不能找出什麼是從接受的答案,這到底爲我工作的解決方案:

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

這實際上是記錄太多,所以不太可能打破。

+0

這對我有用。 – MEM 2014-06-13 15:33:46