UNPKG

jquery.full.screen

Version:

jQuery plugin for handling links that toggle to full screen the browser window or single page elements on desktop web app

37 lines (28 loc) 1.11 kB
# jquery.full.screen - One of the many jquery plugins that combine the <a href="http://caniuse.com/#search=fullscreen" target="_blank"> Full Screen API</a> in single call. - Lightweight: less than 2K minified. - Allows toggling specific page elements and styling the switches according to current state. ### Example usage: ```html <p data-toggle="fullscreen" > make page full screen</p> <p data-toggle="fullscreen" data-target="#mydiv" > make #mydiv full screen</p> $('[data-toggle="fullscreen"]').fullscreen(); ``` ### Options and callbacks ```js { iconEnter: 'zmdi zmdi-fullscreen-alt', iconExit: 'zmdi zmdi-fullscreen-exit', onenter: function() {}, onexit: function() {} delay:250 } ``` ### Install ```sh bower / npm install jquery.full.screen ``` ### [Demo](http://p34eu.github.io/jquery.full.screen/) ### Notes Please check "can i use" for list of browsers which support the <a href="http://caniuse.com/#search=fullscreen" target="_blank"> Full Screen API</a>. It seems that is not yet working on some mobile browsers, i.e IOS safari and native android browser.