<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
<script type="text/javascript">
function degis(elem){
document.resim.src = elem.src;
}
</script>
</head>
<body>
<img width="100" src="resim3.png" style="border:0;" name="resim">
<br>
<img src="resim2.png" onclick="degis(this);">
<img src="resim3.png" onclick="degis(this);">
<img src="resim2.png" onclick="degis(this);">
<img src="resim3.png" onclick="degis(this);">
</body>
</html>Birçok eticaret yazılımcıları bu mantığı kullanmaktadır. İnternette araştırmıştım bir dönem bulamamıştım fakat javascript derslerine başlayınca kendim basit bir fonksiyonla istediğim sonuca ulaştım. Umarım işinize yarar. Tıkladığınız resim ilk resmin src değerine geçiş yapıyor. Tabi ilk resme lightbox uyguladığınızda hoş bir görüntü olacağına eminim.