jquery-responsive-image
The jQuery plugin for allowing you to switch images based on screen size using data-attributes.
Usage
<img src="images/mobile.png" data-mobile="images/mobile.png" data-phablet="images/phablet.png" data-tablet="images/tablet.png" data-desktop="images/desktop.png"/> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="../jquery.responsive-image.js"></script> <script type="text/javascript"> $("body").responsiveImage({ mobile : 400, phablet: 550, tablet : 750, desktop: 1000, }); </script>
License
MIT License