In our previous article, https://jockstothecore.com/finally-support-for-responsive-images-in-sitecore/ – we discussed a custom field type Brainjocks created to allow content managers to crop images for the various device break points in your responsive design. The community asked for more, and we listened – so we have made a neat enhancement to this feature to make it even more powerful.
ALT Images for each Responsive Breakpoint
The responsive image field allows you to scale and crop images for each breakpoint in your design. As mentioned previously, the breakpoints are defined in the CMS as “settings items” – and a media query is associated with each.
In some cases however, you wish to select a completely different image for a specific breakpoint. So, we have added that functionality into the field type. Here’s how it works –
So for any image in your responsive set, you can now both zoom, pan and select an image OR override that image with a completely different one – and pan and crop THAT image to meet your needs 🙂