Autor Zpráva
Pytris
Profil *
Ahoj,
nevíte někdo jak docílit efektu plynulého zmenšení obrázku. Jakoby se nám od obrazovky oddaloval.
gtext
Profil *
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 *
Nebylo by k dispozici nejake demo?
Nox
Profil
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 *
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
Pytris:
Ak potrebuješ len túto jednu drobnosť, tak je jQuery trochu nadbytočné.
Môžeš si trebárs upraviť tento skript.
Pytris
Profil *
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
Pytris:
A ten skript v [#6] ti nefunguje?
Pytris
Profil *
skript v [#6] nefunguje :-(
Pytris
Profil *
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
Pytris:
Zaujímavé, že mne to funguje a to som to ešte aj testoval v 4 hlavných prehliadačoch.
Witiko
Profil
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

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: