Nabídka portálu se při zobrazení článku přesouvá na konec pravého sloupce nabídek.
Přechodové efekty pro zvýraznění HTML stránek
Autor: Kočí Marek
Zdroj:
Vytvořeno: 17.1.2003
Publikováno: 17.1.2003
Čtenářů: 2765
Unikátních: 2695
Jak jednoduše upoutat pozornost?Velmi efektní přechody s minimální prací.
Co to jsou a k čemu slouží přechodové filtry?.
Filtry jsou definice několika přechodových efektů sloužících pro zvýraznění (upoutají pozornost)
nějakou změnou při zobrazení některých elementů (obrázek,text,stránka). Jedná se o vylepšení pro MS Internet Explorer od verze 5.5
Filtry se spustí (metoda PLAY) a potom po zadanou dobu probíhá transformace.
Jak se dají tyto filtry používat?
Ukažme si tedy jak nastavit a rozchodit tyto filtry. V prvním kroku se musíme ujistit, zda máme zajištěny objekty, na které chceme přechody provádět. Já si je zajistím tak, že oba obrázky zobrazím nejdříve tak, aby bylo vidět oba najednou.
Odůvodním to třeba tím, že chci, abyste viděli zdrojové obrázky v nepřechodové podobě.
Samozřejmě to lze řešit i jinak. Nahrát je do proměnné, dokud nejsou nahrány, tak je zobrazovat s patřičnou informací a poté je schovat. Možností je opravdu mnoho.
A tady oba obrázky, na kterých si postupně filtry předvedeme,jsou.
Tak a nyní se dostáváme konečně k ukázkám.
Nejprve tedy zdrojový kód:
<SCRIPT language="VBSCRIPT">
function RunFilter()
Picture.Style.Filter = "RevealTrans(duration=2,transition=0)"
Picture.Filters.Item(0).Apply
Picture.Src=iif(InStr(Picture.Src, "climg/2087/pic2.jpg") _
> 0 , "climg/2087/pic1.jpg","climg/2087/pic2.jpg")
Picture.Filters.Item(0).Play
end function
function iif(Vyraz,Pravda,Nepravda)
if vyraz then
iif=pravda
else
iif=nepravda
end if
end function
</SCRIPT>
<BUTTON ONCLICK="vbscript: RunFilter()"
id=button1
name=button1>
Spustit</BUTTON>
<IMG ID="imgImage"
SRC="upfile/pic1.jpg"
ALT="Test"
HEIGHT=150
WIDTH=200 BORDER=0>
A nyní opravdu
Čas je vždy nastaven na 2 vteřiny. První tlačítko (nad obrázkem) je zdrojový kód, který je zde zobrazen.
Ostatní tlačítka pod obrázkem jsou další filtry (mění se parametr transition) podle čísla na tlačítku.