Autor Zpráva
Bobb
Profil
#1 · Zasláno: 26. 10. 2005, 23:38:41
Odpovědět Citovat
Ahojte,
nie som velky odbornik a robim v tabulkach a cez WYSIWYG Dreamweaver. Moj problem:
Vlavo na stranke v tabulke v stlpcoch napr. po 5 malych obrazkov. Ak ukazem mysou na obrazok, mal by sa vpravo na stranke, na konkretnom mieste (opat ohranicenom tabulkou) objavit vacsi obrazok a pod nim textove info. Nedokazem vlozit izolovat cast kodu (ktory som nasiel podobny tomu, co potrebujem na nete, ale nebol s tabulkami) na spravne miesto v kode tabulky. OnMouseOver mi slo, ale obrazok sa zjavoval inde na stranke a text k nemu som uz nezvladol. Ak som zase nastavil presnu poziciu obrazka na stranke bez ohladu na tabulku, pri zmenseni okna bol obrazok mimo miesta, kde som ho chcel.
Dokaze mi to niekto zrozumitelne vysvetlit? Ak sa pytam na trivialne veci, ospravedlnujem sa ;)
Dero
Profil
#2 · Zasláno: 26. 10. 2005, 23:44:14
Odpovědět Citovat
Je to trochu hry s javascriptem a DOM. Principielně jde o to, pojmenovat si buňku tabulky, do které chceš obrázek a text vložit. To uděláš pomocí identifikátoru (id="mistecko"), potom přes onmouseover tuto buňku naplníš. To se dělá například takto:

onmouseover="document.getElementById('mistecko').innerHTML = '<img src=\"obrazek.jpg\" /><br />Textovy popisek';"

Snad to je správně, sypu to z hlavy.
PerToon
Profil
#3 · Zasláno: 26. 10. 2005, 23:46:11
Odpovědět Citovat
Najížděcí:
<img src="adresa" onMouseOver="document.getElementById('obrazek').src='adresa2';">
Měňavý:
<img src="jinaadresa" id="obrazek">

Bylo by dobrý doplnit měňavýmu obrázku stálou výšku a šířku, aby se mu vymezilo místo ve stránce.
Fred
Profil
#4 · Zasláno: 26. 10. 2005, 23:59:33
Odpovědět Citovat
css only http://www.meyerweb.com/eric/css/edge/popups/demo2.html
Dero
Profil
#5 · Zasláno: 27. 10. 2005, 00:04:35
Odpovědět Citovat
Fred: Velice zajímavé! Nezkoumal jsem to nijak detailně, funguje to, i když chci zároveň s obrázkem zobrazit libovolně dlouhý text jako popisek? Funguje to, i pokud je cílový obrázek od odkazu v logické struktuře dokumentu daleko?
Fred
Profil
#6 · Zasláno: 27. 10. 2005, 00:12:27
Odpovědět Citovat
Popisek: Ano http://www.meyerweb.com/eric/css/edge/popups/demo.html , i zároveň.
v logické struktuře dokumentu daleko? Ne.
Dero
Profil
#7 · Zasláno: 27. 10. 2005, 00:13:55
Odpovědět Citovat
v logické struktuře dokumentu daleko? Ne.

Myslel jsem si to. To možná bude trochu problém, každopádně díky za odkaz, ten článek jsem neznal a vypadá to dost zajímavě.
Fred
Profil
#8 · Zasláno: 27. 10. 2005, 00:30:26
Odpovědět Citovat
Ono nic proti Ericu Meyerovi, ale mrkni se do archivu na theimposter.org, spousty triků v css odtamtud původně pochází http://web.archive.org/web/*sr_51nr_10/http://theimposter.org/*
PerToon
Profil
#9 · Zasláno: 27. 10. 2005, 12:55:35
Odpovědět Citovat
Tak to je dost dobrý nápad! Frede, děkuju za Erica Meyera, protože to je fakt dost dobrý.
Bobb
Profil
#10 · Zasláno: 27. 10. 2005, 22:33:17
Odpovědět Citovat
No vdaka za reakcie, ale nie som mudrejsi :(
Nieco vyskusam a pripadne sa ozvem. Este raz vdaka!
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0