Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Node Full Screen (gallery-node-full-screen) on cdn

Last Updated: 05/3/12

+ 0 -

Walter Rumsby

YUI Contributor

See 2 more by this user.

Created: 04/25/12
Last CDN Push: 05/2/12
Build Tag: gallery-2012.05.02-20-10
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.0
Free for use.

Node Plugin for working with FullScreen based on the W3C Proposal and John Dyer's jQuery Plugin.

Tags:
wrumsby

Code Sample

<script src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.05.02-20-10'
}).use('gallery-full-screen', 'gallery-node-full-screen', 'event-base', 'node-base', function(Y) {
    'use strict';
 
    var status = Y.one('#status'),
	button = Y.one('#button'),
	node = Y.one('#node');
 
	if (!Y.FullScreen.isSupported()) {
	    status.set('text', 'SORRY: Your browser does not support FullScreen');
	    return;
	}
 
	button.removeAttribute('disabled');
	status.set('text', 'YES: Your browser supports FullScreen');
 
	node.plug(Y.Plugin.NodeFullScreen);
 
	button.on('click', function(e) {
  	    node.fullScreen.request();
	});
 
	Y.on('fullScreen:change', function(e) {
  	    if (Y.FullScreen.isEnabled()) {
		status.set('text', 'Whoa, you went fullscreen');
		button.setAttribute('disabled', 'disabled');
	    } else {
		status.set('text', 'Back to normal');
		button.removeAttribute('disabled');
	    }
	});
});