Small images display

[Labibi]

Hi,
I’m working on a website and I created a big image in my content section and I have some small images on the left panel.
I would like the small images to display where the big one is (comment) when they are clicked.
Thanks

[Roma]

Without seeing your code and what you’ve tried all anyone can do is guess.

Please provide a link to a live view of your page.

[Labibi]

<div class="sidenav">
 <div class="img">
    <a target="_blank" href="smallpictures/4_cylindres/2007_sonata4back.jpg" onclick="change();">
    <img src="<?php echo $s_img1 ?>" alt="Sonata" width="300"
	height="300">
</a>  
</div>
</div>

[Labibi]

<div id="content">

<div class="img">
  <a target="_blank" href="gallery/4_cylindres/2007_sonata4.jpg" alt="Sonata" onclick="change();">
    <img src="<?php echo $img ?>" alt="Sonata" width="300"
	height="300">
  </a>
  
</div>
</div>

[jwilkins.oboe]

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).