adding links to images

@konithomimoNov 15.2005 — #<a href="whateverpageyouwanttoload" target="_blank"><img name="image1" src="image1.jpg"></a>

then just change the href, name, and src to whatever you need.

@the_treeNov 15.2005 — #I reckon you'd find this easier starting with a less restrictive script.

[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <title>
 Awnsers
 </title>
 <script type="text/javascript">
 <!--
 function switch1(div) {
 var option=['a','b','g','d'];
 for(var i=0; i<option.length; i++) {
 if (document.getElementById(option[i])) {
 obj=document.getElementById(option[i]);
 obj.style.display=(option[i]==div)? "block" : "none";
 }
 }
 }
 
 window.onload=function () {switch1('a')}
 //-->
 </script>
 <style type="text/css">
 <!--
 a{
 color: #66f;
 text-decoration: none;
 }
 a:hover{
 text-decoration: underline;
 }
 ul#nav{
 float: left;
 width: 200px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-weight: 900;
 }
 li{
 margin: 5px;
 padding: 1px;
 border: 1px solid #ccc;
 cursor: pointer;
 }
 li:hover{
 background: #ddd;
 }
 div#contain{
 margin-left: 20px;
 float: left;
 width: 500px;
 }
 -->
 </style>
 </head>
 <body>
 <h1>
 Switching Content
 </h1>
 <ul id="nav">
 <li onclick="switch1('a')">Gallery Alpha
 </li>
 <li onclick="switch1('b')">Gallery Beta
 </li>
 <li onclick="switch1('g')">Gallery Gamma
 </li>
 <li onclick="switch1('d')">Gallery Delta
 </li>
 </ul>
 <div id="contain">
 <div id="a">
 <a href=""><img src="#" alt="Something"></a>
 </div>
 <div id="b">
 <a href=""><img src="#" alt="Something else"></a>
 </div>
 <div id="g">
 <a href=""><img src="#" alt="Yet another something"></a>
 </div>
 <div id="d">
 <a href=""><img src="#" alt="Nothing"></a>
 </div>
 </div>
 </body>
 </html>[/code]

@arielmedelauthorNov 15.2005 — #Thanks the tree. I´ll try your suggestion ?

adding links to images

3 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

adding links to images

3 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #JavaScript _↴