There are several problems with this implementation.
1. The image doesn't have a src attribute. This means if that script fails for any reason then none of the images on your site load.
2. You need to have width and height attributes on all of your images. This is a nightmare for both dynamically generated content and for responsive designs.
3. You need to have those two extra attributes on each of your image elements in order for it to work.
Our goal was to make retina.js zero-config. We wanted it to work on existing sites without any changes to the existing markup.
1. The image doesn't have a src attribute. This means if that script fails for any reason then none of the images on your site load.
2. You need to have width and height attributes on all of your images. This is a nightmare for both dynamically generated content and for responsive designs.
3. You need to have those two extra attributes on each of your image elements in order for it to work.
Our goal was to make retina.js zero-config. We wanted it to work on existing sites without any changes to the existing markup.