檢測全屏模式（3d翻書）

我使用3d翻書jQuery插件（http://codecanyon.net/item/real-3d-flipbook-jquery-plugin/4281720）。檢測全屏模式（3d翻書）

我與這些價值風格的動畫書一點點自己：

.flipbook-main-wrapper{ 
    left:350px; 
    right:350px; 
    background: #4c4c4a !important; 
    top:180px; 
    bottom:200px; 
    z-index:99999; 
}

但是，當你點擊全屏模式，我想這些值，給它一個類：

.flipbook-main-wrapper.active{ 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
}

我已經嘗試了該全屏按鈕上的單擊事件，我還嘗試了幾次我在stackoverflow上發現的全屏檢測，但沒有一個正在工作。是否有另一種方法來檢測翻蓋書是否以全屏模式打開？

謝謝！

來源

2016-04-26 Wilco Van Meppelen Scheppink

http://stackoverflow.com/questions/29998173/的答案可能對您有用。 – Shaggy

謝謝！我在這個問題上找到了我的答案！ –

哪一個？我的還是佩德羅的？ – Shaggy

由於粗野，我發現我的答案：

.flipbook-main-wrapper:-moz-fullscreen{ 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
} 
.flipbook-main-wrapper:-ms-fullscreen{ 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
} 
.flipbook-main-wrapper:-webkit-fullscreen{ 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
} 
.flipbook-main-wrapper:fullscreen{ 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
}

這麼簡單！

來源

2016-04-26 12:34:55

檢測全屏模式（3d翻書）

回答

相關問題