Dense – jQuery plugin for serving Responsive Retina Images

Dense is a jQuery plugin for serving retina-ready, high pixel ratio images with ease. Small, ease-to-adapt, yet very customizable and works cross-browser. With Dense, your content images get support for data-ratiox attributes and Apple’s retina image naming convention.

Dense - jQuery plugin for serving Responsive Retina Images

Dense is a jQuery plugin that offers an easy way to serve device pixel ratio aware images, bringing in retina support to your website. Clear the blurry, images be crisp.

Usage

Responsive, retina-ready image is implemented by simply including the jQuery plugin on the page and calling its $.fn.dense() initializer method. The initializer method is set to target those img elements that should serve retina-ready images when needed. The plugin can be included and invoked by using either browser globals or AMD.

You may also initialize Dense with its default configuration by adding a dense-retina class to the body element. Dense will target all images present on the page at the document ready event, using the default option values. This allows you to run the plugin without manually initializing it, or having to write tiny bit of JavaScript. For more instructions and options see the documentation.

Demo : http://dense.rah.pw/
Download : https://github.com/gocom/dense
License : MIT License

Sajal Sarkar

I'm a part time blogger from Dhaka, Bangladesh. Studying Electronics And Communication Engineering. Find me on google+

You may also like...