Javascript 为什么在悬停时更改源时这些SVG图像不能正确加载?

Javascript 为什么在悬停时更改源时这些SVG图像不能正确加载?,javascript,html,image,blogger,imagesource,Javascript,Html,Image,Blogger,Imagesource,我试图使用HTML和JavaScript在悬停时在两个SVG文件之间切换,但由于某些原因,当我悬停时,图像无法正确加载,而是显示默认缩略图,好像文件不存在一样。这个图像标签包含在纯CSS模式中,我正在使用Blogger。顺便说一句,我知道我可能可以用CSS中的背景图像来做这件事,但我真的很想用这种方法来做,因为如果我在Blogger中学会这样做,其他一些元素可能会从这段代码中受益。我在Google Drive上托管SVG文件 <div id='OrderForm' class='Order

我试图使用HTML和JavaScript在悬停时在两个SVG文件之间切换,但由于某些原因,当我悬停时,图像无法正确加载,而是显示默认缩略图,好像文件不存在一样。这个图像标签包含在纯CSS模式中,我正在使用Blogger。顺便说一句,我知道我可能可以用CSS中的背景图像来做这件事,但我真的很想用这种方法来做,因为如果我在Blogger中学会这样做,其他一些元素可能会从这段代码中受益。我在Google Drive上托管SVG文件

<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>

//

我的错误是在JavaScript函数中使用了与&;代码相同的Google Drive直接链接。一旦您更改并返回,链接将正常工作