derekwheee/svg-png-fallback

Last active September 8, 2015 16:46

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/derekwheee/10989841.js"></script>
Save derekwheee/10989841 to your computer and use it in GitHub Desktop.

Download ZIP

Inline SVG with PNG fallback

Raw

svg-png-fallback

<img src="/path/to/image.svg" onerror="this.onerror=null; this.src='/path/to/image.png'">

Author

derekwheee commented Apr 17, 2014

If the SVG doesn't load (doesn't exist, or browser doesn't support SVG), the src attribute gets replaced with image.png. If that doesn't load, the img is set to null to avoid an infinite loop, and will just show up as a broken image.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment