Realised my mistake I was trying to get the images to only appear on large devices therefore I set the width as 0 and within the media query width was 100% which doesn' work.
Solution: Changing them both to the max-width property sorted it out.
And thank you for sharing what went wrong - Others might benefit from it someday :) It might be an idea to mark you own last post as the solution so it's easy for others to jump straight to it.
Slimmage images not displaying
Images aren't displaying however everything seems to be right. SlimResponse & Slimmage included
Inspecting the markup it appears to be working....however images aren't appearing on the page.
<noscript data-slimmage="true" data-img-src="/media/1004/triple-header-res.jpg?width=200&mode=crop&slimmage=true"><img src="/media/1004/triple-header-res.jpg?width=200&mode=crop&slimmage=true"></noscript>
CSS
Anyone with any ideas?
Hi John
Are you using the slimsy package or are you doing a custom implementation of the slimmage script?
What does your full code look like? Full CSS, HTML and JavaScript please :)
/Jan
Hi Jan,
Realised my mistake I was trying to get the images to only appear on large devices therefore I set the width as 0 and within the media query width was 100% which doesn' work.
Solution: Changing them both to the max-width property sorted it out.
Thank you for replying.
Hi John
And thank you for sharing what went wrong - Others might benefit from it someday :) It might be an idea to mark you own last post as the solution so it's easy for others to jump straight to it.
/Jan
is working on a reply...