[es] - javascript page open blur

mojeKorIme
BiH

Član broj: 59512
Poruke: 350
92.36.242.*

+1 Profil

^{09.07.2010. u 08:23 - pre 167 meseci}

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

Give me six hours to chop down a tree and I will spend the first four sharpening the axe.

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.

+33 Profil

Re: javascript page open blur

^{09.07.2010. u 10:19 - pre 167 meseci}

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.

Odgovor na temu

mojeKorIme
BiH

Član broj: 59512
Poruke: 350
92.36.242.*

+1 Profil

Re: javascript page open blur

^{09.07.2010. u 10:22 - pre 167 meseci}

kako to postici i CSSom.. mislim postici efekat kao kad gledas kroz tudje naocale :)
ili kad neko skine naocale pa nista ne vidi :))..

Give me six hours to chop down a tree and I will spend the first four sharpening the axe.

Odgovor na temu

Nikola Poša
Backend (PHP) developer
Beograd

Član broj: 173839
Poruke: 1616
*.adsl-a-1.sezampro.yu.

+33 Profil

Re: javascript page open blur

^{09.07.2010. u 10:45 - pre 167 meseci}

Nemoj da me teraš da google-am umesto tebe...

"css blur page", ili tako nešto...

Odgovor na temu

mojeKorIme
BiH

Član broj: 59512
Poruke: 350
92.36.242.*

+1 Profil

Re: javascript page open blur

^{09.07.2010. u 11:00 - pre 167 meseci}

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/

Give me six hours to chop down a tree and I will spend the first four sharpening the axe.

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

Re: javascript page open blur

^{10.07.2010. u 21:26 - pre 167 meseci}

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...

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

Re: javascript page open blur

^{14.07.2010. u 13:07 - pre 167 meseci}

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.

Odgovor na temu

deerbeer
Beograd

Član broj: 174418
Poruke: 1189
*.adsl-3.sezampro.yu.

+395 Profil

Re: javascript page open blur

^{14.07.2010. u 13:18 - pre 167 meseci}

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) ...

Viva lollapalooza

Prikačeni fajlovi

effects.js - 38.94k

Odgovor na temu

kelja

Član broj: 70429
Poruke: 1416
*.dynamic.isp.telekom.rs.

+35 Profil

Re: javascript page open blur

^{14.07.2010. u 16:01 - pre 167 meseci}

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();

Odgovor na temu