toto by malo vyhovovat tvojim poziadavkam
:male obrazky o velikosti cca 50 pixelu vedle sebe a pri akci mouseover nad danym obrazkem aby se mi zobrazil misto toho maleho obrazek velky
mas 3 obrazky 01,02,03, vsetky jpg a ich zmensene (napr. tvojich 50px) thumbnail verzie. tot vse.
paci? nepaci?
<html><head><title>galeria</title>
<script type="text/javascript">
var zobrazena = "prvni";
function zobraz(polozka){
if (document.getElementById){ document.getElementById(zobrazena).style.display = "none"; document.getElementById(polozka).style.display = "block"; zobrazena = polozka; return false; }
else { if(document.stylesheets) document.stylesheets["zalozky"].disabled = true; return true; }
}
</script>
<style type="text/css">
.disp { display: none; }
</style>
</head><body>
<div>
<a href="#prvni" onmouseover="return zobraz('prvni'); "><img src="01-thumbnail.jpg" alt=""></a>
<a href="#druha" onmouseover="return zobraz('druha'); "><img src="02-thumbnail.jpg" alt=""></a>
<a href="#treti" onmouseover="return zobraz('treti'); "><img src="03-thumbnail.jpg" alt=""></a>
</div>
<div class="disp" id="prvni"><img src="01.jpg" alt=""></div>
<div class="disp" id="druha"><img src="02.jpg" alt=""></div>
<div class="disp" id="treti"><img src="03.jpg" alt=""></div>
</body></html>