Skip to content

Instantly share code, notes, and snippets.

@mike-engel

mike-engel/pictureCloud.html

Last active October 15, 2015 02:30
Show Gist options
  • Save mike-engel/f2c232fadbe5b5b45b4f to your computer and use it in GitHub Desktop.
Save mike-engel/f2c232fadbe5b5b45b4f to your computer and use it in GitHub Desktop.
Download ZIP
A simple picture demo using cloudinary
Raw
pictureCloud.html
<picture>
<source srcset="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1024/v1444865801/forest.jpg 1024w,
https://res.cloudinary.com/beardfury/image/upload/c_scale,w_5000/v1444865801/forest.jpg 5000w"
media="(min-width: 1024px)">
<source srcset="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_320/v1444865801/forest.jpg 320w,
https://res.cloudinary.com/beardfury/image/upload/c_scale,w_768/v1444865801/forest.jpg 768w"
media="(min-width: 320px)">
<img src="https://res.cloudinary.com/beardfury/image/upload/c_scale,w_1000/v1444865801/forest.jpg" alt="Green forest scene">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment