Example break.js usage

like-this.js

// Make breakpoints first
window.addBreakpoint('medium', '(min-width: 600px)')
window.addBreakpoint('large', '(min-width: 900px)')


// Test the initial window width
if (window.innerWidth < 600) {
  // load mobile imgs
} else if (window.innerWidth < 900) {
  // load tablet images
} else {
  // load desktop images
}

// Then listen for changes
$(window)
  .on('medium.exit', function () {
    // Now < 600 so swap for mobile imgs
  })
  .on('medium.enter', function () {
    // > 600 so swap for tablet imgs
  })
  .on('large.exit', function () {
    // < 900 so swap for tablet imgs
  })
  .on('large.enter', function () {
    // > 900 so swap for desktop imgs
  })