Javascript 更改图像数组中的主图像

我的页面上有几个图像，我使用jQuery滚动条滚动缩略图。我的网站的滚动部分工作得很好。当我尝试单击缩略图将其设置为“主”大图像时，问题就出现了。我使用的代码在Firefox中有效，但在IE中无效。以下是主图像和拇指图像的代码：

      <a href="/vehicle-uploads/31596/20150109_080202.jpg" id="vehicle-primary" data-lightbox="vehicle-photos" class="primary"><img src="/vehicle-uploads/31596/20150109_080202.jpg" class="primary-img" name="vehicle-primary" /></a>
      <a href="/vehicle-uploads/31596/20150109_080218.jpg" id="vehicle-primary" data-lightbox="vehicle-photos" class="hidden"><img src="/vehicle-uploads/31596/20150109_080218.jpg" class="primary-img" name="vehicle-primary" /></a>

      <div class="slider1">
        <div class="slide"><a href="#" onclick="viewVehicle('vehicle-primary','/vehicle-uploads/31596/20150109_080202.jpg'); return false"><img src="/vehicle-uploads/31596/20150109_080202.jpg"></a></div>
        <div class="slide"><a href="#" onclick="viewVehicle('vehicle-primary','/vehicle-uploads/31596/20150109_080218.jpg'); return false"><img src="/vehicle-uploads/31596/20150109_080218.jpg"></a></div>
        <div class="slide"><img src="/vehicle-uploads/upload-vehicle.gif"></div>
        <div class="slide"><img src="/vehicle-uploads/upload-vehicle.gif"></div>
      </div>

我需要将主图像src更改为缩略图的src，并且通过使用“主”类和“隐藏”类来控制显示哪个图像。我希望我解释得足够明白

您可以在此处查看示例：

---

您的任何图像都没有ID，因此getElementById不应该找到任何它们没有名称的东西。实际上，他的功能是引用前两个锚定标记的ID，这两个锚定标记是相同的，并且应该是唯一的。

function viewVehicle(name,src) {
    if (document.images) {
            document.images[name].src = src;
    }
    document.getElementById(name).href = src;
    return false;
}