Adaptive Image is a simple module you can use to make your images responsive in Drupal 7 by using Image Styles and applying a simple effect.
Say you are working on your responsive theme in Drupal 7 but your images formatted with the core image styling do not resize with the browser. You may want to make a slideshow or put them in a View someway else.
Well, there’s the Adaptive Image module at your disposal for Drupal 7. Quite simple to use too.
Install and enable the module. Then when you add the image style you use for your image - after the effects you would normally add - also add the newly installed Adaptive Effect. Set the resolution breakpoints separated by a comma and Save. You can then test it out and see! Jut resize your browser.
Hope this helps.
Daniel Sipos
Danny founded WEBOMELETTE in 2012 as a passion project, mostly writing about Drupal problems he faced day to day, as well as about new technologies and things that he thought other developers would find useful. Now he now manages a team of developers and designers, delivering quality products that make businesses successful.
Comments
nice, but
Any way of integrating this in ckeditor with the media module for images you insert in the body field of a node (through ckeditor) ? tia
It doesn't appear to work like that
We've been testing Adaptive Image and it resizes images based on screen resolution and not your browser. So testing by resizing your browser won't do anything.
At least that how it seems.
The only way we can see adaptive image appearing to work is by altering screen resolutions on monitors and checking the file size.
Add new comment