Pourquoi ces images SVG ne se chargent pas correctement lors du changement de source en stationnaire?

Question

J'essaie d'obtenir un effet en utilisant HTML et JavaScript pour basculer entre deux fichiers SVG en survol, mais pour une raison quelconque, lorsque je planer les images ne se chargent pas correctement, montrant la vignette par défaut comme si les fichiers n'existaient pas. Cette balise d'image est incluse dans un modal CSS pur et j'utilise Blogger. En passant, je suis conscient que je peux probablement le faire en utilisant background-image en CSS, mais je voudrais vraiment le faire en utilisant cette méthode, car si j'apprends à le faire dans Blogger, d'autres éléments pourraient bénéficier de ce code. J'héberge les fichiers SVG sur Google Drive.

<div id='OrderForm' class='OrderFormWindow'> 
    <div id='OrderFormBox'><a href='#CloseOrderForm'><img id='CloseButton' src='https://drive.google.com/uc?export=download&amp;id=0B72zeCWWNwv9MndXVXRVaTN6ZHM' onmouseover='closebuttonhover(this);' onmouseout='closebuttonunhover(this);'/></a></div> 
</div> 

<script type='text/javascript'> 
//<![CDATA[ 
function closebuttonhover(CloseButton) { 
    CloseButton.setAttribute('src', 'http://drive.google.com/uc?export=download&amp;id=0B72zeCWWNwv9QjdDdm80UFpNemM'); 
} 
function closebuttonunhover(CloseButton) { 
    CloseButton.setAttribute('src', 'http://drive.google.com/uc?export=download&amp;id=0B72zeCWWNwv9MndXVXRVaTN6ZHM'); 
} 
//]]> 
</script> 

Answer 1

Mon erreur utilisait le même Google Drive lien direct avec le code & A pour & dans la fonction JavaScript. Une fois que vous modifiez & retour à & le lien fonctionne.