Autor | Zpráva | ||
---|---|---|---|
Pytris Profil * |
#1 · Zasláno: 23. 8. 2010, 22:53:10
Ahoj,
nevíte někdo jak docílit efektu plynulého zmenšení obrázku. Jakoby se nám od obrazovky oddaloval. |
||
gtext Profil * |
#2 · Zasláno: 24. 8. 2010, 08:43:12
jquery na tyhle veci ma funci animate
funguje to tak že animate zadáš délku animace a zadáš parametry které by měl prvek mít po skončení animace. jquery pak provede plynulou změnu mezi soucasnymi a tebou zadanymi parametry za tebou zadaný čas. konkrétně u tvého případu zadáš konečné rozměry (nebo %) zmenšeného obrázku a potom aby nezůstaval v levém horním rohu tak ještě odsazení zleva a zhora rovnající se polovině rozdílu mezi původním a zmenšeným obrázkem. |
||
Pytris Profil * |
#3 · Zasláno: 24. 8. 2010, 10:24:47
Nebylo by k dispozici nejake demo?
|
||
Nox Profil |
#4 · Zasláno: 24. 8. 2010, 10:30:38
na oficiálních stránkách v manuálu je to popsané
stále ale pouze manipuluješ s css nebo vlastnostmi objektů, takže takto zmenšovat můžeš pouze <img> pomocí width a height, background jen pomocí background-size, ale to je CSS3 a ne moc implementované navíc (minimálně v prvním případě) to bude dost pravděpodobně zubaté |
||
gtext Profil * |
#5 · Zasláno: 24. 8. 2010, 10:42:42
Pytris:
Nebylo by k dispozici nejake demo? kdyby jsi alespon otevřel ten odkaz co jsem ti dal tak tam maš ukazek několik včetně funkčních dem. |
||
_es Profil |
#6 · Zasláno: 24. 8. 2010, 10:43:40
Pytris:
Ak potrebuješ len túto jednu drobnosť, tak je jQuery trochu nadbytočné.
Môžeš si trebárs upraviť tento skript. |
||
Pytris Profil * |
#7 · Zasláno: 24. 8. 2010, 20:06:25
Ahoj všichni,
problém je v tom, že mám původní obrázek (šířka x výška) 308x355px Když zadám $('#eddy').animate({"width":"50%","height":"50%", "opacity": "toggle", "marginRight": "77px", "marginTop": "88px"}, 2000); tak se mi ten obrázek nějakým způsobem ale zdvojuje |
||
_es Profil |
#8 · Zasláno: 24. 8. 2010, 20:12:32
Pytris:
A ten skript v [#6] ti nefunguje? |
||
Pytris Profil * |
#9 · Zasláno: 24. 8. 2010, 20:30:20
skript v [#6] nefunguje :-(
|
||
Pytris Profil * |
#10 · Zasláno: 24. 8. 2010, 20:34:00
je to tento?
<script> function skryj(co){ var img = document.getElementById(co); var i = setInterval(f, 50); function f(){ if(!--img.height) clearInterval(i);} } </script> |
||
_es Profil |
#11 · Zasláno: 24. 8. 2010, 20:49:14
Pytris:
Zaujímavé, že mne to funguje a to som to ešte aj testoval v 4 hlavných prehliadačoch. |
||
Časová prodleva: 4 dny
|
|||
Witiko Profil |
#12 · Zasláno: 28. 8. 2010, 18:57:26 · Upravil/a: Witiko
Hlavně doporučuji vytvořit si dvě verze obrázku, jednu minimalizovanou a jednu v normální velikosti. Resize od prohlížeče totiž většinou převzorkuje obrázek dost otřesně. Jak to pak bude vypadat můžeš vidět třeba tady: http://doodoo.wz.cz/jtranslator
|
||
Časová prodleva: 14 let
|
0