JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    Allows for automatic Image fallbacks for browsers that can't handle SVGs
    Filed under  › 

    • 🔾34%Overall
    • 907
    • 40.3 days
    • 🕩99
    • 👥12

    SVGeezy

    A JavaScript plugin to handle your images in browsers that don't support SVGs

    SVGeezy is in essence, a fallback plugin. It allows you to use SVGs for all your assets, giving you complete resolution independence.

    It checks if the browser supports SVGs, if not, changes the src of the image to a .png instead (or whatever you pass in).

    Installing SVGeezy

    SVGeezy can being installed using bower with bower install svgeezy. Alternatively, you can download or clone this repo manually.

    Use

    svgeezy.init('nocheck', 'png'); // this will tell the plugin to not check images with a class of 'nocheck'
    

    or

    svgeezy.init(false, 'png');    // this will let the plugin check all images
    

    or

    Check out this JSFiddle for example usage

    The first parameter is a class to tell the code not to check. Feel free to pass in false if you want SVGeezy to check all images. This may be because you have no fallbacks for certain SVGs.

    The second is a filetype, this can be anything you want, just make sure the file path resolves to an image. ie. '/images/logo.svg', will be replaced with '/images/logo.png'.

    Show All