Question

所以我有几个缩略图和左边的大图像，当你点击其中一个缩略图我希望它改变点击缩略图的主图像时，我正在考虑使用类似的东西： / p>

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

然后在主图像上：

<img src="<?php echo $thumb; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" id="image"/>

最后是缩略图：

<img src="<?php echo $image['thumb']; ?>" onclick="changeImage()" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" />

显然我需要在.src =''中添加一些东西，但我只是不确定是什么，有什么我可以在那里添加而不是例如1.jpg会选择点击哪个图像？

Answer 1

您可以将对图像的引用作为参数传递。

function changeImage(x){
  document.getElementById('image').src = x.src;
}

您可以继续使用第一种方式调用该功能：

<img src="<?php echo $image['thumb']; ?>" onclick="changeImage(this)" title="<?php echo $heading_title; ?>" alt="<?php echo $heading_title; ?>" />

Answer 2

<script>
    function updateIMG(e) {
        document.getElementById("preview").src = e;
    }
</script>