Builder.cz - Informacni server o programovani

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:



jQuery slideshow

Seznam témat     Nová odpověď

Přihlásit se     Registrace     Zapomenuté heslo

Re: jQuery slideshow

Autor: Ladislav Janeček

0:27:28 08.11.2011

Zdravím s díky, lépe bych svůj příspěvek nerozebral.

Abych to vysvětlil,...
bla..
bla..
bla, bla, bla...


... nakonec jsem napsal koment na několik desítek řádků i s mou teorií, jak bych to asi udělal a nakonec jsem se radši podíval, zda jsem nevymyslel to co vy my radíte a ejhle.

Nicméně, doufám že o mě nemáte špatné mínění, když jste nepochopil co jsem napsal, ono to člověku po pár dnech beze spánku už moc nemyslí.

Jinak odkaz jsem nemohl poslat, protože jsem vázán smlouvou. Takže jste mi vydělal pár korun, ale ten kód nebyl nutný, ta teorie by stačila, přesně tohle jsem potřeboval :)

Citovat příspěvek

 

Re: jQuery slideshow

Autor: peta1

13:03:13 07.11.2011

Tve otazce nerozumim. Co ti funguje, co ti nefunguje, odkaz na stranku, postup, co na ni delat (jak vyvolat chybu), co se stane, co se stat melo.
http://peter-mlich.wz.cz/web/js-eff/photo/slide-pp.htm
http://peter-mlich.wz.cz/web/js-eff/photo/jq-cycle/cycle.htm
http://peter-mlich.wz.cz/web/js-eff/photo/jq-slide/slide-easing.htm
http://jquery.malsup.com/cycle/

Tvuj prispevek z hlediska vyznamnych informaci, veta po vete...
Z... Ano, mas problem. (-)
D... Nevim, co znamena delat slideshow do headeru. jako do tagu HEAD? Tam jde preci zapsat jen js kod, zadne tagy. Kazdopadne si nemyslim, ze to ma nejaky vliv na vysledek, prozati, takze opet takova informace k nicemu. (- prozatim)
J... (- prozatim)
P... Plynuly prechod je oznaceni pro krivku prechodu, linearni, asi. (+)
I... Link (+), "last-image není u přechozího obrázku ale pouze u následujícího" nerozumim. V rameccich s kodem na te strance nic jako last-image nevidim. Kazdopadne je tam funkcni demo a staci si stranku ulozit (Soubor - Ulozit jako...) a upravit, ne? Pripadne "Download the complete slideshow here".
P... Nerozumim otazce. (-)
Link na svuj kod jsi nedal, jen jakesi fragmenty kodu, ktere bez dalsich souvislosti nejdou ani spustit, ani hodnotit na spravnost. (-)
( To je spis pro zdejsi brblaly, co maji sklony znevazovat tu me prispevky, aby meli prehled o mem mysleni :) )

"Celkově z-index bude nepoužitelný pravděpodobně."
Je nekolik reseni, jak udelat prechod z obrazku A do B. Jeden z nich je treba z-index, dalsi clip, atd.
V to mojem slidovani treba ani jquery nepotrebuji :)
Princip: Pred zacatkem efektu nastavis vsem obrazkum z-index 1, obrazku A 10, obrazku B 20. Provedes zmenu. Spocitas dalsi obrazek pro B a opakujes.
Mozna je dobre, po skonceni efektu nastavit A na 1 a B na 20. Pri zacatku nasledujiciho pak nastavis vsem, krom B 1. tim padem pres nej nepreblikne ani na chvili obrazek jiny.
Pri prechodu muze dojit k zajimavym udalostem, zalezi na napsani programu, kdy mas A na opacite 30% a B na 70%, ale celkove jsou oba polopruhledne a prosvita pres ne obrazek na pozadi. Toto resim tim, ze nastavim soucasne visibility:hidden pro vsechny se z-index:1 a barvu v pozadi nebo prvni obrazek necham 100%.

styly:
#fotky {position:relative;width:222px;height:222px;}
#fotky img {z-index:1;position:absolute;width:222px;height:222px;}
#fotky img.a {z-index:10}
#fotky img.b {z-index:20}

init:
a = 0;
b = 1;
$("#fotky img").addClass("");
$("#fotky img:nth-child("+a+")").addClass("a");

start:
---spocitej nove a,b
$("#fotky img").addClass("");
$("#fotky img:nth-child("+a+")").addClass("a");
---rotate

rotate:
$("#fotky img:nth-child("+b+")").addClass("b");
---opacity
---start

Pro urceni poctu obrazku uvnitr:
$("#fotky img").size()
or you can use
$("#fotky img").length

Pokud mas kolem obrazku dalsi tag, tak pouzijes misto img jmeno toho tagu.

Citovat příspěvek

 

jQuery slideshow

Autor: Ladislav Janeček

16:20:18 06.11.2011

Zdravím, mám takový problém.

Dělám slideshow do headeru, a vznikl mi níže uvedený kód.

Jelikož vypisuji slideshow z DB, neják se mi nedařilo použít žádný pluigin na to. Taky je zde specifický design, který bohužel nemohu změnit.

Problém je, že potřebuju použít efekt plynulého přechodu.

Inspiroval jsem se zde: http://jonraasch.com/blog/a-simple-jquery-slideshow celkem simple, ale problém je že last-image není u přechozího obrázku ale pouze u následujícího, takže to u tlačítek nefunguje jak by mělo. Celkově z-index bude nepoužitelný pravděpodobně.

Potřeboval bych tedy asi spíš teoreticky poradit, jak by to mělo fungovat, aby byl automaticky efekt plynulého přechodu + přepínání u tlačítek.

Děkuji.

Citovat příspěvek

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: