Autor Zpráva
hynek
Profil
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
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
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
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
Chamurappi:
Děkuju to vypadá hezky :-)
Ale jde to jen schovat. Jak udělám aby šel i zobrazit takhle plynule?
Chamurappi
Profil
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
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
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
Ale obrázek pak změním za text.
I když dám jen "krok", tak to zmizí..
Chamurappi
Profil
Reaguji na hynka:
Ukaž. (Odkaz na stránku, nechci kód.)
hynek
Profil
já to dělám zatím jen v PSPadu. a tam v náhledu si to zkouším.
Chamurappi
Profil
Reaguji na hynka:
Dáváš ho na obě místa? Ten „1 - krok“ tam byl dvakrát.
hynek
Profil
jojo. a stejně to zmizí.. :(
Chamurappi
Profil
Reaguji na hynka:
Tak děláš v něčem chybu. Najdi si jí a oprav.
hynek
Profil
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
Reaguji na hynka:
mám to podle toho, jak jsi řekl
A funguje to.
hynek
Profil
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
už to funguje děkuji moc :-)

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0