<html> <head> <script type="text/javascript"> function setBigImage(foto) { document.getElementById("bigimg").src = foto.src; } </script> </head> <body> <div> <p style = 'text-align: center;'> <img id = 'bigimg' src = '1.jpg' height = '150' alt = 'Главное изображение' /> </p> <table style = 'margin: 0 auto;' border = '1'> <tr> <td> <img src = '1.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 1' /> </td> <td> <img src = '2.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 2' /> </td> <td> <img src = '3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 3' /> </td> </tr> <tr> <td> <img src = '4.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 4' /> </td> <td> <img src = '5.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 5' /> </td> <td> <img src = '6.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 6' /> </td> </tr> </table> </div> </body> </html>
