CSS 3
<style>
#simpson2 {
/*display:block;*/
/*display:none;*/
/*visibility: hidden;*/
}
#simpson3 {
/*display:none;*/
/*visibility: hidden;*/
}
</style>
<script>
function ukaz(ukazat) {
var cislo = document.getElementById('cislo').value;
var kdo = document.getElementById('simpson' + cislo.toString());
if (ukazat == 1) {
kdo.style.display = "inline";
} else {
kdo.style.display = "none";
}
}
</script>
<button onClick="ukaz(1);">Ukaž</button>
<button onClick="ukaz(0);">Skryj</button>
<input type="number" id="cislo" value="1" min="1" max="5"><br />
<img id="simpson1" src="simpsnovi_0.png" height="64" width="150">
<img id="simpson2" src="simpsnovi_1.png" height="195" width="89">
<img id="simpson3" src="simpsnovi_2.png" height="235" width="132">
<img id="simpson4" src="simpsnovi_3.png" height="386" width="184">
<img id="simpson5" src="simpsnovi_4.png" height="463" width="145">