Autor | Zpráva | ||
---|---|---|---|
wheelmenman Profil |
#1 · Zasláno: 7. 6. 2011, 23:51:19
|
||
okolojdouci Profil * |
#2 · Zasláno: 8. 6. 2011, 00:35:38
Animované gify. Najdi si GIMP.
|
||
slovakCZ Profil |
#3 · Zasláno: 8. 6. 2011, 10:13:11 · Upravil/a: slovakCZ
okolojdouci:
Konkretni pripad neni reseny gifem ale javascriptem... gifem bych to ani neresil, kvalita obrazku nedosahuje kvalitnich vysledku (kor u prechodu nebo u prohlednosti) wheelmenman Jde to udelat treba takto: Budes mit 2 obrazky, jeden barevny a jeden cernobily.. Kdyz budes chtit docilit toho, aby se po 5ti sekundach prolnuly a vznikl tak prechod z barevneho na cernobily a opet na barevny, tak to udelas takto: vytvoris si nejaky div, kteremu nastavis pozadi cernobily obrazek. Do tohoto divu vlozis pote samotny obrazek barevny. Bude to tedy vypadat nejak takto: <div style="background:url('cernobily.png')"><img src="barevny.png" /></div> a pote jednoduse pomoci javascriptu kazdych 5 sekund budes menit vlastnost opacity u obrazku (ne u divu).. CSS vlastnost Opacity je pruhlednost (jeji hodnota je v intervalu 0-1). Tim docilis toho ze za 5 sekund se ti pruhlednost barevneho obrazku zmeni na 0 a pote opet na 1... Samozrejme pruhlednost se musi menit plynule, nemuze tam z niceho nic skocit nulova pruhlednost, jelikoz by doslo k efektu problikavani... pro toto je idealni pouzit framework jQuery a pro animaci existuje funkce animate();. Ta ti pruhlednost zmeni plynule a tim padem dojde k efektu pomaleho prolnuti... |
||
okolojdouci Profil * |
#4 · Zasláno: 8. 6. 2011, 10:18:24
slovakCZ:
> okolojdouci: > Konkretni pripad neni reseny gifem ale javascriptem Aha, pardon, nevšiml jsem si toho plynulého. |
||
wheelmenman Profil |
#5 · Zasláno: 8. 6. 2011, 13:14:15
slovakCZ:
A ten jQuery animate(); to bych našel kde? děkuji |
||
slovakCZ Profil |
#6 · Zasláno: 9. 6. 2011, 11:26:44
dokumentaci zde: http://api.jquery.com/animate/
samozrejme musis vyuzivat jQuery aby ti i tato funkce fungovala |
||
Časová prodleva: 13 let
|
0