Zmena image-background (v css) s pouzitim crossfade ...

jsakac · Napísal **jsakac**: 22.06.2008 22:07

Chcel by som taku vec, co by mi zmenil pozadie (presnejsie obrazok na pozadi, ktory mam deklarovany v css) a obrazok, s pouzitim crossfade efektu.

Nieco take ze ked nesom prihlaseny tak mam sive pozadie a ked sa prihlasim hodi ma to na skript, ktory urobi ten efekt (ale iba raz sa to fejdne a uz nech sa neopakuju tie pozadia dookola)

Dik

Ded'leg · Napísal **Ded'leg**: 23.06.2008 12:54

jsakac píše:

Chcel by som taku vec, co by mi zmenil pozadie (presnejsie obrazok na pozadi, ktory mam deklarovany v css) a obrazok, s pouzitim crossfade efektu.

Nieco take ze ked nesom prihlaseny tak mam sive pozadie a ked sa prihlasim hodi ma to na skript, ktory urobi ten efekt (ale iba raz sa to fejdne a uz nech sa neopakuju tie pozadia dookola)

Dik

Neviem jak to presne myslis ale na zmenu pozadia staci toto:

Kód:

funtion zmen() {
 document.style = "background:url('pozadie.gif');";
 }

Ale pozor ta funkcia musis byt volana nezobrazi sa napriklad na zaciatku ked ho napr. zavolat s onload atd. Musi sa avolat inac.

jsakac · Napísal autor témy **jsakac**: 23.06.2008 13:14

tak som to nemyslel, ak by som tak chcel tak by som si to normal dal cez css subor. Ale ja chcem take ze spustim skript a nejake 3 sekundy bude zobrazene pozadie1.jpg a potom sa zmeni prelnutim na pozadie2.jpg a to pozadie2.jpg zostane a uz sa nezmeni naspät.

Prelnutie - to je taky efekt, inac sa nazyva aj crossfade alebo fade. Je to taky efekt kde sa prvemu obrazku ako keby znizuje opacity a druhemu sa pridava, mali by ste to poznat, kedze sa ten efekt pouziva casto

Ded'leg · Napísal **Ded'leg**: 23.06.2008 13:52

jsakac píše:

tak som to nemyslel, ak by som tak chcel tak by som si to normal dal cez css subor. Ale ja chcem take ze spustim skript a nejake 3 sekundy bude zobrazene pozadie1.jpg a potom sa zmeni prelnutim na pozadie2.jpg a to pozadie2.jpg zostane a uz sa nezmeni naspät.

Prelnutie - to je taky efekt, inac sa nazyva aj crossfade alebo fade. Je to taky efekt kde sa prvemu obrazku ako keby znizuje opacity a druhemu sa pridava, mali by ste to poznat, kedze sa ten efekt pouziva casto

Kód:

<body onload="zmen();">
<script type="text/javascript">
funtion zmen() { 
 document.style = "background:url('pozadie.gif');"; 
 setTimeout("zmen2()", 2000);
 }
funtion zmen2() { 
 document.style = "background:url('pozadie2.gif');"; 
 seTimeout("zmen()", 2000);
 } </script>

jsakac · Napísal autor témy **jsakac**: 23.06.2008 14:04

no nieco take, ale aj tak to nefunguje
skusal som vsetko a nejde to (aj som opravil to background na background-image,...)

a este ten efekt tam nie je :-)

Ded'leg · Napísal **Ded'leg**: 23.06.2008 16:39

Hm.... Robis to v html ci xhtml ?

jsakac · Napísal autor témy **jsakac**: 23.06.2008 16:50

normal html

Ded'leg · Napísal **Ded'leg**: 23.06.2008 16:54

aha viem v com to je ,, sppravne je toto:

Kód:

<body onload="zmen();"> 
<script type="text/javascript"> 
function zmen() { 
 document.style = "background:url('pozadie.gif');"; 
 setTimeout("zmen2()", 2000); 
 } 
function zmen2() { 
 document.style = "background:url('pozadie2.gif');"; 
 seTimeout("zmen()", 2000); 
 } </script>

Miesto function bolo len funtion :lol:

co uz ? "Chybovati lidske..."

jsakac · Napísal autor témy **jsakac**: 23.06.2008 17:12

nwm ale aj tak mi to neni ide

Ded'leg · Napísal **Ded'leg**: 23.06.2008 17:27

Neviem skus dat ten skript do hlavicky ale ak to neni tym skus to zavolat niako inac napr. <input type="button" value="Ahoj" onClick="zmen();">

suchy · Napísal **suchy**: 23.06.2008 17:29

a hlavne ak pouzivas firefox, zapni si error console

jsakac · Napísal autor témy **jsakac**: 23.06.2008 17:37

nejde ani bohovi (do hlavicky som skusal, skusal som volat funkciu z tlacidla a skusal som chybovu konzolu, ziadna chyba)

Ded'leg · Napísal **Ded'leg**: 23.06.2008 17:40

Potom fakt neviem len ma napada jedine ze mas javascript off ale to je asi nepravdive

jsakac · Napísal autor témy **jsakac**: 23.06.2008 17:48

mam zapnute :-)

juho · Napísal **juho**: 23.06.2008 19:48

Kód:

seTimeout("zmen()", 2000);

chyba ti tam jedno male t

Ded'leg · Napísal **Ded'leg**: 23.06.2008 19:53

juho píše:

Kód:

seTimeout("zmen()", 2000);

chyba ti tam jedno male t

To som si prave teraz vsimol ale v tom prvom je je cize by sa mu to zmenilo aspon na pozadie2.gif ale jemu nic uplne ze nereaguje ...

jsakac · Napísal autor témy **jsakac**: 23.06.2008 21:12

Dokonca aj to som si tam všimol a orpavil a nefungujeee to vobec

A nezmeni to pozadie aj ked napisem iba:
document.style = "background-image: url('obrazok.jpg');";
alebo
document.style = "background: url('obrazok.jpg');";

juho · Napísal **juho**: 24.06.2008 11:41

aha to som si az teraz vsimol

Kód:

document.style = "background-image: url('obrazok.jpg');";

to je co za prikaz???kto ho vymyslal? ten do to bol tak sa mu pletie javascript s css a to riadne a potreboval by hadam si nieco prestudovat.
podla mna by to malo byt hadam takto nejak

Kód:

ô
<script>
document.body.background = "logo.gif";
</script>

jsakac · Napísal autor témy **jsakac**: 24.06.2008 16:55

to mi napisal Ded'leg

a ani toto do peruna nece slapat - ja nwm, ale malo by
tolko expertov tu je a ani jeden neve normal zmenit pozadie cez js? to by mala byt pre vas hracka

stenley · Napísal **stenley**: 24.06.2008 17:01

Takto to ma byt spravne

Kód:

document.body.style.backgroundImage="url(bg.jpg)";

Ded'leg · Napísal **Ded'leg**: 24.06.2008 17:04

Akoze na normalne farbove pozadie je to lahke

Kód:

document.bgColor = "farba";

Ale toto ... no neviem skus dat <body id="body">
a skript:

Kód:

document.getElementById('body').style = '...';

Ale to asi nebude fungovat ...

jsakac · Napísal autor témy **jsakac**: 24.06.2008 17:11

Ja neviem ale asi daco mam s PC, kedze mi nejde ani ta posrata farba zmenit - ine js skripty mi idu v poho tak neviem v com je problem krucifix

nemoze to byt preto, ze vkladam png pozadie? :shock:

stenley · Napísal **stenley**: 24.06.2008 17:21

daj sem radsej cely skript, ktory pouzivas, lebo takto sa neda povedat, v com je problem...

>Ded'leg: prosim ta, ked nieco napises, over si to najskor, ci to tak aj je... v js ziadne bgColor neexistuje!

juho · Napísal **juho**: 24.06.2008 17:44

jsakac píše:

a ani toto do peruna nece slapat - ja nwm, ale malo by
tolko expertov tu je a ani jeden neve normal zmenit pozadie cez js? to by mala byt pre vas hracka

to co som ti tam napisal je vporiadku moze to byt aj body.style lenze kedze ako mi experti predpokladame ze ty si aspon taky laik ze vies jak sa spusta script.
vies preco tam je pred tym script znak?(ô) aby ten prehliadac mohol ovladat objekt body pretoze keby si tam nemal nic tak potom javascript by nevedel zabezpecit aby do body bol nalinkovany ten obraz.

a preco to tebe nejde ? no moznosti je vela. a velmi vela a mozno si tam spravil chybu mozno nepoznas cestu k obrazu mozno nemas ukonceny script mozno .. mozno..

jablko05 · Napísal **jablko05**: 24.06.2008 18:52

mozno ti pomoze nieco z tohoto:
http://javascript.internet.com/image-ef ... -swap.html
http://javascript.internet.com/navigati ... lover.html

na tej stranke je vela skriptov, poladaj si aj dalsie, mozno najdes presne to

jsakac · Napísal autor témy **jsakac**: 26.06.2008 18:38

No tak uz to ide - myslel som, ze to ô tam nemalo patrit, vies ja sa javascriptu velmi nevenujem. Mne staci aj html, css, php, mysql

Ten expert nie si len ty :-)

ale ty si mozno väcsi expert v javascripte (to je pravda)

A bol by som velmi rad ak by tu niekto hodil ten crossfade efekt na menenie pozadia

PS: Zaujimave je ze ked teraz som si napisal skript a nedal som tam to ô tak to ide aj tak :-D

Zmena image-background (v css) s pouzitim crossfade ...

Podobné témy