e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Odpiranje slike v novem oknu

Koda: 
<script type="text/javascript">
function novoOkno()
{
okence = window.open("slike/foto2.jpg", "plavalec", "width=400,height=300,top=0,left=0")
okence.focus()
}
</script>


<img alt="klikni" src="foto.jpg" onclick="novoOkno()" />
Izgled v
brskalniku:

klikni

Razlaga:

Pri kliku na sliko se zaradi dogodka onclick pokliče funkcija novoOkno. Funkcija odpre novo okno v katerem se prikaže slika. Seveda je potrebno sliko, katera se bo prikazala v novem oknu definirati. To je naredi s vrednost1m parametrom. Z drugim parametrom se določi ime okna. S tretjim pa se nastavi še lastnosti okna. Oknu določimo širino z width, višino z height ter tudi pozicijo s top in left. S postopkom focus dosežemo da novo odprto okno postane tudi aktivno (se postavi v ospredje).

Funkcija je zelo uporabna če želimo izdelati stran na kateri bi se naj prikazovale fotografije. Na strani prikažemo slike v pomanjšane različice slik, z klikom na sliko pa lahko uporabnik odpre okno, v katerem se mu prikaze slika v polni velikosti.

gor Gor     e-gradiva     JavaScript     Primeri

SERŠ Maribor : Strokovna gimnazija : 2004 : Benjamin Šaler