CSS 2
<style>
#simpson2 {
/*display:block;*/
/*display:none;*/
/*visibility: hidden;*/
}
#simpson3 {
/*display:none;*/
/*visibility: hidden;*/
}
</style>
<script>
function ukazBarta(ukazat) {
var kdo = document.getElementById('simpson3');
if (ukazat == 1) {
kdo.style.display = "inline";
} else {
kdo.style.display = "none";
}
}
</script>
<button onClick="ukazBarta(1);">Bart ukaz</button>
<button onClick="ukazBarta(0);">Bart skryj</button>
<img id="simpson1" src="img/simpsnovi_0.png" height="64" width="150">
<img id="simpson2" src="img/simpsnovi_1.png" height="195" width="89">
<img id="simpson3" src="img/simpsnovi_2.png" height="235" width="132">
<img id="simpson4" src="img/simpsnovi_3.png" height="386" width="184">
<img id="simpson5" src="img/simpsnovi_4.png" height="463" width="145">