Warum werden diese SVG-Bilder beim Wechseln der Quelle beim Hover nicht richtig geladen?

Question

Ich versuche, einen Effekt mit HTML und JavaScript zu erzielen, um zwischen zwei SVG-Dateien bei Hover zu wechseln, aber aus irgendeinem Grund, wenn ich schwebe, werden die Bilder nicht korrekt geladen, stattdessen die Standard-Miniaturansicht, als ob die Dateien nicht vorhanden wären. Dieses Bild-Tag ist in einem reinen CSS-Modal enthalten und ich verwende Blogger. Übrigens bin ich mir bewusst, dass ich dies wahrscheinlich mit background-image in CSS tun kann, aber ich würde es wirklich gerne mit dieser Methode machen, denn wenn ich das in Blogger lernen würde, könnten einige andere Elemente von diesem Code profitieren. Ich hasse die SVG-Dateien auf 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

Mein Fehler wurde mit der gleichen Google Drive direkte Verbindung mit dem & amp Code für & in der JavaScript-Funktion. Sobald Sie & zurück zu & ändern, funktioniert die Verbindung.