SVGMagic - Great jQuery SVG fallback

SVGMagic is a SVG fallback that does it all

SVGMagic is a simple jQuery plugin that searchs for SVG images (including background-images) on your website andcreates PNG versions if the browser doesn't support SVG.

Wondering why you should use SVG images? SVG images are vector based! Meaning that they will be as sharp as hell no matter how big they are. In other words: one file for every size. See it yourself: (assuming you are now using a browser that understands SVG images)

Where the magic happens...

SVGmagic checks which browser your visitor is using. Is it a browser that doesn't support SVG images, than it starts the magic! First of all the script will check which images on your website are SVG and collects their URLs. These URLs are then send to our server which will temporarily download, convert and save them. When that's done the server send back a package with new URLs. The SVG images on your website than get replaced by the new PNG images and your old-school visitor can see the 'SVG' images.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

1. INCLUDE JS FILES

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="/SVGMagic.min.js"></script>

2. HTML

<img src="resizeicon.svg" class="resize"/>

3. JAVASCRIPT

$(document).ready(function(){
        $('img').svgmagic();
 });

4. OPTIONS

$('img').svgmagic({
    preloader: {url-to-preloader/false}, // Preloader before the image gets replaced, default: false
    testmode: {false/true}, // SVGMagic works in every browser if set to true, default: false
    secure: {false/true}, // Images are sent via https:// if set to true, default: false
    backgroundimage: {false/true}, // Check given div for backgroundimages, default: false
    callback: {false/function} // Function to run after images are changed, default: false
    dumpcache: {false/true} // Force to remove the cache and create a new .PNg, default: false
});