Image Toggle
Hej med jer,Jeg er igang med at få min hjemmesiden op at køre så småt men kunne ret godt bruge en "Image Toggle" funktion til mit portfolio, men jeg syntes ikke lige at kunne overskue koden her når jeg skal have flere billeder og evt for forskellige str.
Nogen der kender en bedre kode?
------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Image Toggle</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#playPause {
width:700px;
height:443px;
border:0 solid;
}
</style>
<script type="text/javascript">
var tggle='on';
var obj;
window.onload=function() {
obj=document.getElementById('playPause')
document.getElementById('mylink').onclick=function() {
toggle();
return false;
}
}
function toggle(){
if(tggle=='on'){
obj.src="cases/barbarellah_1.jpg";
tggle='off';
}
else {
obj.src="cases/barbarellah_2.jpg";
tggle='on';
}
}
</script>
</head>
<body>
<div>
<a id="mylink" href="#"><img id="playPause" src="cases/barbarellah_1.jpg" alt=""/></a>
</div>
</body>
</html>
