| Autor | Zpráva | ||
|---|---|---|---|
| Alastor_Kopal Profil * |
#1 · Zasláno: 17. 3. 2009, 15:15:11
mám script na měnící se obrázek jenom potřebuji nějak říct tomu scriptu říct aby pochopil že když najedu na obrázek musí odkazovat jednotlivými kousky obrázku
- usemap="#mojemapa" <map name="mapa"> <area href="nastenka.html" shape="rect" coords="200,335,283,385"> <area href="sklepeni.html" shape="rect" coords="112,366,170,410"> <area href="velkasin.html" shape="rect" coords="340,390,400,438"> <area href="hlavnibrana.html" shape="rect" coords="196,463,260,508"> <area href="1patro.html" shape="rect" coords="45,420,100,460"> </map> <center> <p onmouseout="self.document['obr1'].src='/nov/skola2/obr/vstupnisin.jpg';" onmouseover="self.document['obr1'].src='/nov/skola2/obr/vstupnisin2.jpg';"> <img border="0" alt="" usemap='#mapa' name="obr1" src="/nov/skola2/obr/vstupnisin.jpg" /></a> </center> |
||
| Bubák Profil |
#2 · Zasláno: 18. 3. 2009, 00:35:36
Co tak to udělat bez skriptu, jenom v HTML a CSS:
http://stuff.1-webdesign.cz/text-indent.html můžeš mít dva obrázky v jednom, nebo dva obrázky vedle sebe a klikací mapu zprovozníš bez problémů. Kýho výra, proč to centruješ tagem CENTER, když to můžeš vycentrovat atributem align: <p align=center> <img ...> </p> Nebo ještě lépe, použít CSS. |
||
| Alastor_Kopal Profil * |
#3 · Zasláno: 18. 3. 2009, 12:26:58
center je kratší :-)
diki moc moc mi to pomohlo dikikiiiiiii a bude to fungovat is vypnutým js :-) |
||
| Bubák Profil |
#4 · Zasláno: 18. 3. 2009, 13:18:50 · Upravil/a: Bubák
„center je kratší :-)“
Kecáš. <center><p></center> <p align=center></p> A to i když v případě použítí tagu center vynechám v HTML nepovinnou koncovou značku odstavce. Stejně nevím, jestli matláš HTML, nebo XHTML, odstaveb nemáš ukončený, ale tag IMG ano (lomítkem). |
||
| Alastor_Kopal Profil * |
#5 · Zasláno: 18. 3. 2009, 18:55:48
jakto že je možné že tam to funguje a mě ne ? V čem je chyba nevim
webhosting - webzdarma.cz soubor - vstupnisin.html obrázek - vstupnisin..jpg velikost obrázku - 918x525 Velikost jedné části - 460x525 kód -
<body bgcolor="black">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="cs">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="cs" />
<meta http-equiv="imagetoolbar" content="no" />
<style type="text/css">
a {display:block; width:460px; height:525px; overflow:hidden;}
a:hover {text-indent:-460px;}
a img {border:none;}
</style>
</head>
<body>
<img src="http://www.nestovice.xf.cz/nov/skola2/obr/vstupnisin..jpg" width="918" height="525" alt="" /></a>
</body><map name="mapa">
<area href="nastenka.html" shape="rect" coords="200,335,283,385">
<area href="sklepeni.html" shape="rect" coords="112,366,170,410">
<area href="velkasin.html" shape="rect" coords="340,390,400,438">
<area href="hlavnibrana.html" shape="rect" coords="196,463,260,508">
<area href="1patro.html" shape="rect" coords="45,420,100,460">
</map>
</html>usemap="#mojemapa"
|
||
| Bubák Profil |
#6 · Zasláno: 19. 3. 2009, 01:49:24 · Upravil/a: Bubák
usemap patří do tagu img
Nemáš otevřený odkaz. Ještě jsem si všiml, vřele bych doporučil použít stejné jméno v map a usemap, taky ještě opravit souřadnice pro mapu. Špatně počítáš: 918 / 2 = 459 |
||
| Alastor_Kopal Profil * |
#7 · Zasláno: 19. 3. 2009, 16:52:55
„usemap patří do tagu img “
to sem tam chtěl dát až to bude fungovat „Nemáš otevřený odkaz. “ Na co odkaz přece chci mapu „Ještě jsem si všiml, vřele bych doporučil použít stejné jméno v map a usemap“ aha jasně Nefunguje to když dám poloviční velikost jen se mi obrázek strazí :-( |
||
| Bubák Profil |
#8 · Zasláno: 19. 3. 2009, 23:56:59
„„Nemáš otevřený odkaz. “
Na co odkaz přece chci mapu“ Já vím, ale: - v CSS měníš text-indent odkazu - v HTML máš koncovou značku odkazu - IE6 umí hover jen na odkazech Pochopitelně můžeš použít i jiný vhodný element, třeba span a trošku upravit HTML, CSS a zprovoznit pro IE6 javascriptem hover, nejjednodušeji třeba použitím souboru csshover.htc, info. |
||
| Alastor_Kopal Profil * |
hm takže co s tím ?
|
||
|
Časová prodleva: 15 let
|
|||
0