Autor | Zpráva | ||
---|---|---|---|
hynek Profil |
#1 · Zasláno: 21. 1. 2010, 17:53:49
Zdravím
Poradíte mi prosím někdo, jak udělat, aby text po kliknutí na obrázek vyjel? Jakože se nějak zobrazí ale ne aby tam najednou byl, aby třeba vyjel zpod obrázku, nebo něco podobného. Děkuji. |
||
mckay Profil |
#2 · Zasláno: 21. 1. 2010, 18:04:15 · Upravil/a: mckay
hynek:
Mám takový dojem, že myslíš lightbox. Zkus http://highslide.com. //když si s tím pohraješ, určitě to bude ono;) |
||
hynek Profil |
#3 · Zasláno: 21. 1. 2010, 18:14:55
ne-e lightbox nemyslim ten jsem už párkrát použil =)
myslim něco jako je treeview.. jakože klikneš na odkaz a pod tím vyjedou další věci |
||
Chamurappi Profil |
#4 · Zasláno: 21. 1. 2010, 18:36:02
Reaguji na hynka:
Viz třeba Prolnutí z černé a můj skript tam. Můžeš si upravit krokAnimace tak, aby měnil margin (ze záporna) nebo left/top (při absolutním pozicování). |
||
hynek Profil |
#5 · Zasláno: 21. 1. 2010, 18:42:32
Chamurappi:
Děkuju to vypadá hezky :-) Ale jde to jen schovat. Jak udělám aby šel i zobrazit takhle plynule? |
||
Chamurappi Profil |
#6 · Zasláno: 21. 1. 2010, 18:52:15
Reaguji na hynka:
Tamní krokAnimace mění opacity (a filter atd.) tak, že se nastaví na hodnotu „1 - krok“ (protože proměnná krok postup roste z 1/20 do 1). Kdybych chtěl opačný směr, tak místo „1 - krok“ použiji jen „krok“. Ale ty jsi chtěl nějaký posun, ne prolnutí. Takže nebudeš měnit opacity, ale nějakou jinou vlastnost. Nenapsal jsi, odkud má ten text vyjíždět. Jestli zleva, měň margin-left, jestli shora, měň margin-top. Nastavuj násobek kroku, zaokrouhlený pomocí Math.floor, doplněný o „+ "px"“. |
||
hynek Profil |
#7 · Zasláno: 21. 1. 2010, 18:58:48
Chamurappi:
Ale to prolnutí se mi docela líbí. Jen nevím jak udělat, aby po kliknutí na tlačítko Plynule zobrazit obrázek se obrázek opravdu plynule zobrazil =( |
||
Chamurappi Profil |
#8 · Zasláno: 21. 1. 2010, 19:03:19
Reaguji na hynka:
Já myslel, že má vyjíždět text. Teď tedy řešíme zobrazování obrázku? Už jsem psal, že kdybych chtěl opačný směr, tak místo „1 - krok“ použiji „krok“. |
||
hynek Profil |
#9 · Zasláno: 21. 1. 2010, 19:05:21
Ale obrázek pak změním za text.
I když dám jen "krok", tak to zmizí.. |
||
Chamurappi Profil |
#10 · Zasláno: 21. 1. 2010, 19:06:40 · Upravil/a: Chamurappi
Reaguji na hynka:
Ukaž. (Odkaz na stránku, nechci kód.) |
||
hynek Profil |
#11 · Zasláno: 21. 1. 2010, 19:08:24
já to dělám zatím jen v PSPadu. a tam v náhledu si to zkouším.
|
||
Chamurappi Profil |
#12 · Zasláno: 21. 1. 2010, 19:15:44
Reaguji na hynka:
Dáváš ho na obě místa? Ten „1 - krok“ tam byl dvakrát. |
||
hynek Profil |
#13 · Zasláno: 21. 1. 2010, 19:17:51
jojo. a stejně to zmizí.. :(
|
||
Chamurappi Profil |
#14 · Zasláno: 21. 1. 2010, 19:23:40
Reaguji na hynka:
Tak děláš v něčem chybu. Najdi si jí a oprav. |
||
hynek Profil |
#15 · Zasláno: 21. 1. 2010, 19:25:05
Chamurappi:
function zobrazit(co) { var obr = document.getElementById(co); for(var i = 1; i <= 20; i++) { setTimeout(krokAnimace(obr, i / 20), i * 30); } } function krokAnimace(element, krok) { // je zapotřebí vrátit novou funkci — ta se teprve zavolá při načasovaném timeoutu, zatímco krokAnimace se volá dvacetkrát při načasování return function() { var o = krok; var of = Math.round((krok) * 100); // tento řádek nastavuje atribut style element.style.cssText = "\ opacity: " + o + ";\ filter: alpha(opacity=" + of + ");\ -moz-opacity: " + o + ";\ -khtml-opacity: " + o + ";\ "; }; } mám to podle toho, jak jsi řekl. změnil jsem akorát "krok" |
||
Chamurappi Profil |
#16 · Zasláno: 21. 1. 2010, 19:28:36
|
||
hynek Profil |
#17 · Zasláno: 21. 1. 2010, 19:33:41
No jo. Ale.. když to dám dohromady ty dvě tlačítka a ty dva kódy tak to nefunguje a vždycky se to skryje.,
|
||
hynek Profil |
#18 · Zasláno: 21. 1. 2010, 19:37:08
už to funguje děkuji moc :-)
|
||
Časová prodleva: 14 let
|
0