Builder.cz - Informacni server o programovani

Odběr fotomagazínu

Fotografický magazín "iZIN IDIF" každý týden ve Vašem e-mailu.
Co nového ve světě fotografie!

 

Zadejte Vaši e-mailovou adresu:

Kamarád fotí rád?

Přihlas ho k odběru fotomagazínu!

 

Zadejte e-mailovou adresu kamaráda:

Změna velikosti obrázku pomocí JS

Seznam témat     Nová odpověď

Přihlásit se     Registrace     Zapomenuté heslo

Re: Změna velikosti obrázku pomocí JS

Autor: om_shiva

19:00:53 27.10.2011

Je to už vyřešeno. Sice tomu nerozumím proč to tak je, ale je.

Takže bylo mi doporučeno, předělat inline události a udělat to pomocí Jquery. Tak jsem to udělal. Do scriptu jsem vytvořil nejdříve "ready event" a do toho jsem přidal $("img#mujobrazek").mouseover( function () ... definice .... ).

Stále ale nerozumím tomu proč to takto funguje. Vím jen to, že kód se spouští až po načtení celého html. Ale jaký je to rozdíl oproti tomu když se načítají jednotlivé obrázky a události jsou definované inline, stále nechápu.

Citovat příspěvek

 

Re: Změna velikosti obrázku pomocí JS

Autor: peta1

15:08:56 27.10.2011

velikost obrazku je rekneme 100x100.
JS zmenis rozmery na 50x50.
Hoverem na 200x200.
Outem vratit puvodni rozmer 100x100, protoze pouzijes auto.

setimage: o.width = fit * ratio;
in: $(that).width(new_w).height(new_h);
out: $(that).height("auto").width("auto");

Cili by sis mel definovat funkci, ktera nastavi verze 1, 2 a ne 1, 2, 3 :)
Mozna lepe pouzit zmenu className, ale to bys musel mit vsechny obrazky stejnych rozmeru.

Citovat příspěvek

 

Změna velikosti obrázku pomocí JS

Autor: om_shiva

18:21:05 26.10.2011

Zdravím vespolek,
mám takový problém se změnou velikosti obrázku.

Mám to tady uložené (Jquery 1.6.2,no wrap - body)

http://jsfiddle.net/5mfbM/15/

Po najetí myší na ikonu se má zvětšit obrázek a po najetí mimo se má uvést do původní velikosti, tedy to dé malé velikosti. Jak vidíte vrací se mi to do větších rozměrů.

Celý obrázek je v originále kolem 100-250px a tak ho nejdříve zmenšuju pomocí funkce setImages(); pak volám funkci ZoomIn() a poté zase ZoomOut().

Takže šířka obrázku se nastavuje celkem na třech místech:

setImages:
Copy code

1. var o = $(that).get(0);
2. o.width = fit * ratio;


zoomIn:
Copy code

1. $(that).width(new_w);
2. $(that).height(new_h);


zoomOut:
Copy code

1. $(that).height("auto").width("auto").css( "float", "none" );

No ale nemohu přijít na tu chybu, tak prosím za pomoc a radu.

Citovat příspěvek

 

 

 

Přihlášení k mému účtu

Uživatelské jméno:

Heslo: