Klicka på Tigern om du törs!

Klicka på Tigern igen om du törs!

Inom head-taggarna ligger det visa/dölj-script som har visats i flera andra exempel:
<script type="text/javascript" language="JavaScript">
<!--
function show(id)
{
if (document.layers)
document.layers[id].visibility = "show"
else if (document.all)
document.all[id].style.visibility = "visible"
}


function hide(id)
{
if (document.layers)
document.layers[id].visibility = "hide"
else if (document.all)
document.all[id].style.visibility = "hidden"
}
//-->
</script>

För att få ned texten så du kan läsa har jag lagt in pre-taggar och i dessa lagt in ett flertal radbrytningar för annars skulle texten hamna under lagren. Läs mer om pre-taggarna under Text och Formatering. Själva lagren har kodats in så här:
<div id="en" style="visibility: visible; position: absolute; top: 0px; left: 0px; width: 250px; height: 250px; background-color: black; layer-background-color: black">
<a href="javascript:hide('en'),show('svensk')">
<img src="tiger.jpg" width=150 height=140 alt="En Tiger" border="0"></a>
<p><font color="#ffffff">Klicka på Tigern om du törs!</font>
</div>
<div id="svensk" style="visibility: hidden; position: absolute; top: 0px; left: 0px; width: 250px; height: 250px; background-color: black; layer-background-color: black">
<a href="javascript:hide('svensk'),show('Tiger')">
<img src="tigpo.jpg" width=150 height=140 alt="En Tiger" border="0"></a>
<p><font color="#ffffff">Klicka på Tigern igen om du törs!</font>
</div>
<div id="Tiger" style="visibility: hidden; position: absolute; top: 0px; left: 0px; width: 250px; height: 250px; background-color: black; layer-background-color: black">
<a href="javascript:hide('Tiger'),show('en')">
<img src="dectiger.jpg" width=150 height=140 alt="En Tiger" border="0"></a>
</div>

<- <- Tillbaka!