Návod WWW
1. Překrytí jednoho obrázku na stránce jiným (druhý je částečně transparentní, např. přidání popisu k obrázku).
2. Kopírování kódu z html stránky, když je kód přímo zobrazován jako text (např. pro výukové účely).
3. Startovací stránka, která znázorní obrázek a po určité době přepne na jinou stránku (např. s tím samým obrázkem a jinými obrázky, takže se zajistí přednostní zobrazení prvního obrázku).
Překrytí jednoho obrázku jiným
1. Chtěl bych mít na stránce fotografii a pak kliknutím (na něco) k ní přídat popis (dovnitř obrázku). Nechci to dělat tak, že bych měl dvě fotografie – jednu s bez textu a druhou s textem, aby se mi zbytečně nenatahovala stejná informace, ale chtěl bych popis jen přidat. V.V.
Připravil jsem pro Vás dvě možnosti řešení na http://www.amler.cz/ukazky/vv/ J.A.
Díky moc, myslím, že to budu zkoušet s tím skriptem. V té druhé verzi se zdá, že jsem omezený textovou formou popisu. Šlo by skriptem na obrázek natáhout druhý (n-tý?) překryv? Respektive, jak tuším, spíše vyměnit první za jiný? V.V.
V druhém případě nejste omezen textem, lze použít jakýkoli HTML kód. Samozřejmě je možné mít více překryvů, buď přes celý obrázek a střídat je (ukázku jsem přidal na http://www.amler.cz/ukazky/vv/). Pokud by byla problémem velikost souborů, lze zobrazovat i více překryvů najednou, jen realizace by bylo mírně obtížnější. J.A
Tak tady je můj pokus - http://vinduska.hyperlink.cz/2002-07-26_Straz,houby/DSCN0655rkratersipky.htm Jen nevím, co s tím křížkem vlevo nahoře. Je to tim, ze jsem ignoroval ten blank.gif? V.V.
Ano, ten krizek zastupuje neexistujici obrazek. J.A.
A pak také gif s překryvem má kolem sebe nepatrný bílý lem. Ten tam určitě nebyl když jsem vePhotoshopu dělal ten výřez a přikládal ho na tu spodní fotku.Stalo se to při převodu na GIF? Má to co dělat s transparentností? V.V.
Ano, vzdy jen jedna barva (v tomto pripade ciste bila) je nastavena jako transparentni. Pri prevodu na GIF (redukce barev) se prepocitavaji a interpoluji barvy. Ten bily lem jsou ve skutecnosti barvy, ktere jsou blizke bile, ale nejsou uplne bile. Resenim se nejprve obrazek prevest na gif (resp. zredukovat pocet barev na 256) a potom teprve udelat vyrez. J.A.
Jak si ze stranek muzu kopirovat kod,když tam je jako text. Tedy aniz by se mi zhroutilo radkovani a nemusel jsem nahrazovat znacky < a >. V.V.
Kdyz mate zobrazenu stranku, zvolte menu Zobrazit Zdrojovy kod, nebo kliknete pravym tlacitkem na odkaz na stranku, u ktere chcete zobrazit kod a zvolte Ulozit cil jako. Pred vlozenim je treba vypnout WYSIWYG mod (neco jako zobrazit - zdroj, nebo kliknout na kartu zdroj, to podle editoru, ktery pouzivate). J.A. (zkoušel jsem to, ale asi jsem to nepochopil, alternativně jsem přišel na to, že kod lze zkopírovat do Notepadu, ten žádné formátování neumí, tak tam je přímo kod a ten lze pak ještě jednou zkopírovat do kódu stránky)
Startovací stránka (v příkladu duha.htm, následná stránka marenka.htm)
Znázorní obrázek, (resp. jakoukoliv stránku), a po určené době přepne na jinou stránku (např. s tím samým obrázkem a jinými obrázky, takže se např. zajistí přednostní zobrazení prvního obrázku)
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META NAME="Author" CONTENT="VV">
<META content="marenka, lezeni" lang="cz" name="keywords">
<TITLE>Mařenka</TITLE>
<meta http-equiv="REFRESH" content="5; url=http://vinduska.hyperlink.cz/Marenka/marenka.htm">
<SCRIPT language="JavaScript" type="text/javascript">
<!-- START
if (top.frames.length!=0)
{
top.location=self.document.location;
}
self.resizeTo(600,600);
// END -->
</script>
</head>
<body bgcolor="White" text="Black" alink="Blue"
link="Blue" vlink="Blue">
<div align="center"><img border="0" src="http://vinduska.hyperlink.cz/Marenka/Img/Marenka61ret.jpg"
width="500" height="329"></div>
<div align="center"><br>Duha ....</div>
</body>
Číslo 5 v řádku 7 (ontent="5; url...) udává čas, po který se první stránka ukazuje.
V radku 19 nahrad absolutni odkaz relativním a v souboru marenka.htm udelej nasledujici upravu - pred tag </head> dej:
<SCRIPT language="JavaScript" type="text/javascript">
<!-- START
if (top.frames.length!=0)
{
top.location=self.document.location;
}
self.resizeTo(screen.availWidth,screen.availHeight);
// END --> </script>
Příklad
