Our jQuery Mobile based site will be used by large screen tablets and phones.
Some of the images we’d like to have smaller when used on a phone.
For example,
myImage_large.png
myImage_small.png
Is there a way using a data-tag or some other jQuery-mobile method to specify in an img tag that on smaller devices the smaller image should be used.
Responsive images [https://github.com/filamentgroup/Responsive-Images] looks like it might be pretty close to what you’re looking for. It’s not necessarily jQuery/mobile specific but it does load different sizes based on the screen resolution.