🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Just another jQuery based responsive image solution that loads the appropriate images for your cross-platform website to reduce network traffic and increase page load speed.

responsive-image Responsive

Documentation

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


You May Also Like