Skifte mellem 2 billeder ved at klikke på billedet

Du vil skulle have JavaScript med så.

Eks. med klik på billedet:

<img src="billed1.jpg" onclick="this.src=(this.src!='billed2.jpg'?'billed2.jpg':'billed1.jpg')">

Det ville jo så blive (med dine billednavne):

<img src="hus-vinter.jpg" onclick="this.src=(this.src!='hus-sommer.jpg'?'hus-sommer.jpg':'hus-vinter.jpg')">

Og sammen med valg af Hus Have Drivhus Udsigt:
**********************************************
<script type="text/javascript">
str sImg=null;
function showImg(o){
  document.getElementById(sImg).style.display="none";
  sImg=o.options[o.selectedIndex].value;
  document.getElementById(sImg).style.display="inline";
}
</script>

<select onchange="showImg(this)">
<option value="hus">Hus</option>
<option value="have">Have</option>
<option value="drivhus">Drivhus</option>
<option value="udsigt">Udsigt</option>
</select>

<img id="hus" style="display:none" src="hus-vinter.jpg" onclick="this.src=(this.src!=this.id+'-sommer.jpg'?this.id+'-sommer.jpg':this.id+'-vinter.jpg')">

<img id="have" style="display:none" src="have-vinter.jpg" onclick="this.src=(this.src!=this.id+'-sommer.jpg'?this.id+'-sommer.jpg':this.id+'-vinter.jpg')">

<img id="drivhus" style="display:none" src="drivhus-vinter.jpg" onclick="this.src=(this.src!=this.id+'-sommer.jpg'?this.id+'-sommer.jpg':this.id+'-vinter.jpg')">

<img id="udsigt" style="display:none" src="udsigt-vinter.jpg" onclick="this.src=(this.src!=this.id+'-sommer.jpg'?this.id+'-sommer.jpg':this.id+'-vinter.jpg')">

Hov, der var lige et par fejl. Følgende kode er testet:

<script type="text/javascript">
var sImg=null;
function showImg(o){
  if(!o.options[o.selectedIndex].value)return;
  if(sImg)document.getElementById(sImg).style.display="none";
  sImg=o.options[o.selectedIndex].value;
  document.getElementById(sImg).style.display="block";
}
</script>

<select onchange="showImg(this)">
<option>Vælg motiv</option>
<option value="hus">Hus</option>
<option value="have">Have</option>
<option value="drivhus">Drivhus</option>
<option value="udsigt">Udsigt</option>
</select>

<img id="hus" style="display:none" src="hus-vinter.jpg" onclick="this.src=this.getAttribute('id')+'-'+(this.getAttribute('src').indexOf('sommer')>-1?'vinter':'sommer')+'.jpg'">

<img id="have" style="display:none" src="have-vinter.jpg" onclick="this.src=this.getAttribute('id')+'-'+(this.getAttribute('src').indexOf('sommer')>-1?'vinter':'sommer')+'.jpg'">

<img id="drivhus" style="display:none" src="drivhus-vinter.jpg" onclick="this.src=this.getAttribute('id')+'-'+(this.getAttribute('src').indexOf('sommer')>-1?'vinter':'sommer')+'.jpg'">

<img id="udsigt" style="display:none" src="udsigt-vinter.jpg" onclick="this.src=this.getAttribute('id')+'-'+(this.getAttribute('src').indexOf('sommer')>-1?'vinter':'sommer')+'.jpg'">