کیلک بر روی تصویر و تغییر آن به تصویر دیگری

سلام دوست عزیز توضیحات شما زیاد شفاف نبود اما یه کدی براتون میفرستم شاید گره گشای کارتون باشه.

<a href="#uy" >
    <img id="uy" src="gadid/3.jpg" >
</a>
<p>
    <img onclick="clickHandler(this);"src="gadid/1.jpg">
</p>
<p>
    <img onclick="clickHandler(this);"src="gadid/2.jpg" >
</p>

<script>
function clickHandler(el){
    document.getElementById("uy").src = el.src;
}
</script>

با کلیک روی هر تصویر اون تصویر جایگزین تصویر اولی میشه.

این کد رو بررسی کنید

<img id="image" onclick="myFunction()" src="image.png">

<script>
function myFunction() { 
    this.document.getElementById("image").src = "hackanm.gif";
}
</script>

تشکر از دوستان گرامی.
این کد ها هم جواب نداد.
من یک گالری دارم که 64 تصویر داره. 32 تصویر قابل مشاهده و 32 تصویر غیر قابل مشاهده است. بنده میخوام با کلیک بر روی هر تصویر ، تصویر زیرین آن که قابل مشاهده نیست در همان پوزیشن نمایش داده شود.
این کدهارو تست کردم. در هر div جدا بصورت مجزا که کد اعمال میشود ، لینک تصاویر یا اجرا نمیکند و یا از src دیگری استفاده میکند.
راهنمایی بیشتری میخوام عزیزانم
سپاس از شما

متاسفانه وقت نمی ذارید و صورت مسئله رو از ابتدا درست نمی نویسید.
کدهای html رو هم قرار بدین.

<div>
<a href="Product.html" class="back۱">🢨</a>
<a href="#" class="next">🢩</a>

<h1>طرح اصلی</h1>
<div id="popup۱" class="overlay">
<div class="popup">
<a class="close" href="#">×</a>
<div class="content">
<br>
توضیحات لازمه
</div>
</div>
</div>

<center>
<a href="#popup۱" class="button , close">
<div id="main">

<div id="album" class="gallery">        
     <img onclick="clickHandler();" id="uy" src="r/1%20(1).jpg">
    <script>
        let number = 1
          function clickHandler() {
            number += 1
            document.getElementById("uy").src = number +=  "5.jpg";}
    </script>
</div>

<div id="album" class="gallery">
     <img onclick="clickHandler();" id="uv" src="r/1%20(10).jpg">
    <script>
        let number = 2
          function clickHandler() {
            number += 2
            document.getElementById("uv").src = number +=  "6.jpg";}
    </script>       
</div>

<div id="album" class="gallery">
     <img onclick="clickHandler();" id="ut" src="r/1%20(11).jpg">
   <script>
        let number = 3
          function clickHandler() {
            number += 3
            document.getElementById("ut").src = number +=  "7.jpg";}
    </script>           
</div>
</div>
</a>
</center>
</div>

سورس کد کامل رو بزار تا بشه بررسی کرد

با این وضعیتی که من در کدهای شما می بینم، توصیه می کنم جای این پرسش و پاسخ، از نو یک مروری بر html, css, javascript داشته باشید.
دوره های راکت می تونه خوب باشه برای این کار.