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.

Media Queries (gallery-media) on cdn

Last Updated: 01/10/12

+ 0 -

Nicholas C. Zakas

YUI Developer

See 7 more by this user.

Created: 01/10/12
Last CDN Push: 01/18/12
Build Tag: gallery-2012.01.18-21-09
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.0pr1
Free for use.

This is a basic wrapper for the CSSOM View matchMedia() method. The `Y.Media.matches()` method returns true when a given media query is valid for the current state of the page. The `Y.Media.on()` method allows you to subscribe event handlers for when a particular CSS media query changes state.

Tags:
nzakas

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2012.01.18-21-09'
}).use('gallery-media', function(Y) {
 
    //detect current media state
    console.log(Y.Media.matches("screen and (max-width:600px)"));
 
    //subscribe to change in media state
    Y.Media.on("screen and (max-width:600px)", function(result) {
        console.log(result.media + " now " + (result.matches ? "matches" : "doesn't match"));
    });
 
 
});