[ mojeKorIme @ 09.07.2010. 08:23 ] @
Zna li neko moze li se napraviti u javascript prilikom otvaranaja web stranice da bude iz blur(zamagljene stranice) da se pojavi jasna čista stranica... moze i div i sl.

Hvala unaprijed
[ Nikola Poša @ 09.07.2010. 10:19 ] @
Pa naravno da može, samo je sad pitanje kako taj "blur" koji si zamislio treba da izgleda... Efekat zamagljivanja ćeš postići sa CSS-om, a onda je posle lako JS-om nakon nekog vremenskog intervala, ili na neki event ukloniti taj efekat.
[ mojeKorIme @ 09.07.2010. 10:22 ] @
kako to postici i CSSom.. mislim postici efekat kao kad gledas kroz tudje naocale :)
ili kad neko skine naocale pa nista ne vidi :))..
[ Nikola Poša @ 09.07.2010. 10:45 ] @
Nemoj da me teraš da google-am umesto tebe... "css blur page", ili tako nešto...
[ mojeKorIme @ 09.07.2010. 11:00 ] @
haha ma pokusao sam i ja sa google
.. sad asam nasao efekat koji mi treba na meniju http://www.3point7designs.com/web-design2.html..
ne znam je li ovo slika blur ili nesto drugo.. uglavnom.. cilj mi je dobiri da je stranica zamagljena kao onaj menu
a da nije slika... a ovdje je ipak slika u pitanju http://www.3point7designs.com/...07/12/advanced-css-menu-trick/
[ kelja @ 10.07.2010. 21:26 ] @
Mozes probati da se igras sa CSS text-shadow property-jem (zamutis na pocetku, i postavis neki tajmer, koji bi korak po korak sklanjao text-shadow potpuno), samo to nece raditi u Internet Exploreru (za IE bi trebalo radit ovako - http://www.webdevelopersnotes....ects_in_internet_explorer.php3).

A, onda opet, ostaju slike kao problem.
Evo jednog resenja:
http://www.webveteran.com/portfolio/demos/javascript-blur/

E, sad, ako uspes sve to da spojis/uklopis, a da fercera u svim browserima, postavi kod ovde, da maznemo...
[ kelja @ 14.07.2010. 13:07 ] @
E, ponukao si me da se malo zabavim sa ovim blur efektom, pa sam zdrljao ovo:

http://www.sinisake.123bemyhost.com/blur/

Kad se stranica otvori, slike su blago zamucene (neki soft blur, nije moglo bolje, jbg), na rollover se vracaju na originalni izgled.

Sa tekstom je jos lakse, igrao sam se sa text-shadow, ali moracu da sredim da to radi i u IE...

Ovo je testirano u IE6,7,8, Firefoxu, Operi i Chromu (aktuelne verzije).
Nazalost, svaka slika mora da se nalazi u jednom divu, koji ce biti 'drzac', jerbo se zapravo skriptica zasniva na css igrarijama unutar tog 'drzaca': pozicioniranju ,transparenciji i dimenzijama...

ali kad se html sredi upotreba je iznimno laka:
Code:

$(document).ready(function() {
                           
//ime klase holdera.blurimage()

$(".image_holder").blurimage();

 
  });




Naravno, moze (i treba) ovo da se nadogradjuje, pa ako nekom zatreba, izvol'te.
[ deerbeer @ 14.07.2010. 13:18 ] @
Upotreba :
Code:

 Effect.Fade(divID, { duration: 0.5 }); za nestajanje 
 Effect.Appear(divID, { duration: 0.5 }); za  pojavljivanje  

S tim sto moze biti bilo koji element (divID) ...
[ kelja @ 14.07.2010. 16:01 ] @
E, deerbeer, nisam probao, je l' ima tu blur/unblur efekat?

Nego, mali, ali bitni dodatak, NE MORA se kuckati mnogo html-a, SVE moze da se resi JQuery-jem!

Dakle, ovo u prvom redu ce dodati div holder za SVAKU sliku na stranici (nisam probao sa background slikama, ali cenim da bi radilo, uz sitne promene).
Sad je vec znatno bolje, bice jos unapredjenja.

Code:




$('img').wrap('<div class="image_holder"></div>');
$(".image_holder").blurimage();