Hide no image found icon on ie (SVG)

I’ve seen a few questions about hiding the no image found icon on IE for images but not for svg‘s. Basically, my svg looks like:

<image id="svg_full" xlink:href="" y="66" width="600" height="862"/>

Then onClick I add the href attribute to point to an image depending on what I click.

  • How to do jquery canvas gradient for jquery knob?
  • Merging Multiple Stylesheets
  • Display image on top of another image on rollover
  • youtube video as web site background
  • How to style a credit card expiration date input field to include spaces and forward slash?
  • Losing Styling When Dynamically Adding New Items Onclick
  • Works fine however, on IE I get the no image found symbol and an outline of the image.

    Is there anyway I can remove this?

    Thanks!

    EDIT:

    I did what Robert suggested, thanks! My svg now looks like:

    <image id="svg_full" xlink:href="" y="66" width="0" height="862"/>
    

    Then onClick I just toggle the width to display my svg:

    $('#svg_full').attr('width', '0px');
    

  • Style SVG with CSS
  • Height equal to dynamic width (CSS fluid layout)
  • JavaScript to avoid widows
  • What is best practice to handle javascript and css files
  • Use the attr() function inside a new plugin?
  • Samsung Smart TV VOD App - How to switch from source to player and back to source
  • One Solution collect form web for “Hide no image found icon on ie (SVG)”

    Set the width and height to 0 until you load the image. If the image has no size then IE can’t display the no image found symbol.