Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style type="text/css">
- img {
- border:0;
- }
- .Big {
- width:340px;
- height:255px;
- }
- .Thumbnail {
- width:80px;
- height:60px;
- }
- </style>
- <script type="text/javascript">
- function showImg(img) {
- document.getElementById('main'
- ).src = img;
- }
- </script>
- </head>
- <body>
- <img id="main" class="Big" src="MAIN IMAGE 1 URL">
- <br/>
- <img class="Thumbnail" src="MAIN IMAGE 1 URL" onclick="showImg(this.src)"/>
- <img class="Thumbnail" src="MAIN IMAGE 2 URL" onclick="showImg(this.src)"/>
- <img class="Thumbnail" src="MAIN IMAGE 3 URL" onclick="showImg(this.src)"/>
- </body>
- </html>
Add Comment
Please, Sign In to add comment