Ahoj Pavle
Vcelku náhodou jsem našel ideu, jak udělat odkazy/obrázky po najetí myší jiné, v tomhle případě jsou
zešedlé, podívej se a najeď si myší na obrázky dole ... (bude to fungovat jen v IE, ale to snad nevadí :-)))
Pokud to chceš použít, tak na začátek mezi tagy <head>
</head> napiš odkaz na script :
</style>
<script language= "javascript" SRC="../pruhlednost.js" >
</script>
Tohle je myšleno, pokud bude příslušný soubor v adresáři
spicek jinak je nutno upravit ten relativní odkaz na .. SRC=" něco jiného "
no a potom můžeš jednotlivé obrázky zapsat <img id = obr1 src=" cesta k obrázku" onMouseOver="najeto(1,50)" onMouseOut="odjeto(1)" border=" 1 " width=" ... " height=" ... " STYLE="filter: Alpha(Opacity=100)">
musíš zachovat jednak id = obr1 (nebo obr2, obr3 atd, pro každý další je jiné číslo !!, ale obr je vždy stejné !!
a u funkcí "najeto(a,b)""odjeto(a)" je a
vždy to číslo z id= obr1 .. id= obr2 .... id= obrn
a b u první funkce je stupeň zblednutí/zprůhlednění (1-100, kdy 100 je normální obrázek a 1 je úplně bledý)
u obrázku vlevo je to 20 a vpravo je to 70
Nakonec je ještě nezbytné do toho řádku napsat STYLE="filter: Alpha(Opacity=100)" Pozor, bez toho to nebude fungovat !!
NO a že to může fungovat i jako odkaz do nového okna si vyzkoušej .. ;-)) P.S. příslušná funkce je dostupná podobně z externího souboru s Javascriptem, najdeš to v
zdrojovém kodu (noveokno.js)a jmenuje se Otevri_okno3(sirka,vyska,x,y,jmeno,cislo) kde parametry jsou zřejmé, jen jmeno je název stránky, která se tam má zobrazit, bez přípony .html
a cislo je cislo okna, je dobré používat pokaždé jiné.
a funguje to v IE 5 a nefunguje v IE 4 !! (nevím proč)
Malý doplněk: pokud před to
< img id = .... bla bla bla ......... " STYLE="filter: Alpha(Opacity=100)">
napíšeš: <span style="cursor: hand; color: blue">
a pak za tím doplníš :
</span >
Zobrazí se při přejetí obrázku ruka, a ani tam nemusíš mít tu složitou zesvětlovací funkci :-))
funguje to ale jako vždy nejspíše jen v Exploreru
Ahoj Kryšpín
Zpět
© HepBeg Club ® 2002