virtuemart Javascript将缩略图设置为更大的图片 函数更改（url） { 警报（url）； }

我想在用户点击components/com\u virtuemart/views/product\u details/default\u images.php中的缩略图时更改大图中显示的图像

<?php
for ($i = 0; $i < $count_images; $i++) 
    {
    $image = $this->product->images[$i];
?>
    <li>
        <a href="javascript:void(0)" onClick="change(<?php echo $image->file_url; ?>)"><?php echo $image->displayMediaThumb('class="product-image"style="cursor: pointer"',false,""); ?></a>
    </li>
<?php } ?>

<script type="text/javascript">
    function change(url)
    {
        alert(url);
    }       
</script>

如果（！empty（$this->product->images）） { $image=$this->product->images[0]； ?> 检查此链接

       in components/com_virtuemart/views/product_details/default_images.php       

             if (!empty($this->product->images)) 
             {
          $image = $this->product->images[0];
         ?>
          <div class="main-image">

      <?php
    echo $image->displayMediaFull('id="product_image"',true,"rel='vm-additional- images'");
?>

     <div class="clear"></div>
        </div>







              <script type="text/javascript"> 
              function change(url)
               {
                   document.getElementById('product_image').src=url;
               }        
              </script>