Komentáre k Vytvorte si fotoblog so sexy efektom v jQuery

Od: blizzboz

blizzboz — Sat, 26 Jun 2010 00:23:45 +0000

http://ipremiere.eu/DEMO/galleryid=wallpapers

Od: Erik Gyepes

Erik Gyepes — Mon, 08 Mar 2010 17:14:26 +0000

Aha, takto. Myslel som, že chceš použiť jQuery.queue() http://api.jquery.com/jQuery.queue/ alebo niečo také. Lebo o tom som zhodou okolností predchvílou čítal v dnešnom článku na nettuts http://net.tutsplus.com/tutorials/javascript-ajax/uncovering-jquerys-hidden-features/

Nabudúce použi nejaký pastebin :)

Od: Tomáš Gluchman

Tomáš Gluchman — Mon, 08 Mar 2010 17:03:47 +0000

O článku ani nie, keď som sa s tým problémom stretol, stačil manuál a príklady čo sú tam :-)

V podstate ide len o prepísanie “vrodených” funkcií fadeIn a fadeOut na jQuery animácie s doplnením stopiek všetkých efektov, ktoré už na elemente prebiehajú, resp. sú vo fronte. H3 ale potom musí mať display block a len zneviditeľnený. Nasledujúci kód sa ale zrejme asi trochu tuna rozbije :-)

$(‘.photos h3′).show().css(‘opacity’, 0);
$(‘.photos li’).hover(
function(){
$(this).find(‘h3′).stop().animate({‘opacity’: 1},400);
$(this).find(‘img’).stop().animate({‘opacity’: 0.8}, 300, function() { $(this).animate({‘opacity’: 1}, 300); });
},
function()
$(this).find(‘h3′).animate({‘opacity’:0}, 10);
}
);

Od: Erik Gyepes

Erik Gyepes — Mon, 08 Mar 2010 16:32:32 +0000

@Vojto: Správne, TextMate má na to zabudovaný bundle: Bundles → TextMate → Create HTML From Document.

@Tomáš Gluchman: mne sa to páči, ale nie. :) Máš tip na nejaký článok (okrem manuálu), kde sa dozviem o tomto riešení viac? Celkom by ma to zaujímalo.

@Kusi: Áno musíš. Ono ten príklad je tak trocha vytrhnutý z kontextu. Ide o ukážku ako je to možné urobiť, implementácia s nejakým konkrétnym systémom je už na danom developerovi. U mňa to v pozadí všetko poháňa WordPress a plugin Nextgen Gallery, ktorý vlastne používa tento template.

@tiso: vďaka, keď bude čas a chuť určite pridám aj ďalšie veci. A najmä – pokiaľ bude dopyt ponuka určite príde. :)

Od: tiso

tiso — Mon, 08 Mar 2010 12:05:07 +0000

Pekné riešenie, ak máš viaceré takéto šikovné veci, tak sem s nimi.

Od: Kusi

Kusi — Mon, 08 Mar 2010 11:25:47 +0000

Pocuj Depi, mam k tomuto otazku: tie male nahlady musim sam vytvorit? totiz, pri stovkach fotiek je to velmi zdlhave a radsej pouzijem napr Picasa alebo nieco ine, aj ked tento efekt je velmi, velmi pekny.

Od: Tomáš Gluchman

Tomáš Gluchman — Mon, 08 Mar 2010 11:18:03 +0000

Pekné, ale ešte si ošetri rušenie efektov (z fronty). Keď začneš behať myškou po stránke, začnú všetky obrázky blikať, ako šialené :-)

Od: Vojto

Vojto — Mon, 08 Mar 2010 11:10:49 +0000

Pocuj, ako robis tento source code v clanku? Pozeram, ze je to nejaky export z TextMate, ako sa to robi?