Question

我的页面上有几个图像，我使用jQuery滚动条滚动缩略图。我网站的滚动部分工作得很好。当我尝试点击缩略图将其设置为＆＃34; primary＆＃34;大图。我使用的代码适用于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>

我正在使用javascript函数来更改主图像：

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

我需要将主图像src更改为缩略图的src，并且我通过使用＆＃34; primary＆＃34;来控制显示哪个图像。 class vs.＆＃34; hidden＆＃34;类。我希望我解释这一点足以理解。

您可以在此处查看示例：

http://www.upcars.com/find-vehicle/vehicle-details.asp?v_id=31596

更改图像阵列中的主图像

0 个答案: