Zadejte hledaný výraz...

Zoom obrázku pri resize

Tomáš
verified
rating uzivatele
(27 hodnocení)
25. 3. 2014 15:37:50
Zdravím, vedel by mi niekto poradiť s týmto problémom?
Potrebujem dosiahnuť správanie sa obrázku v približne takom stave, ako je na imcreator.com (kliknite hore na "Add an element" a vyberte "picture").
Ide o to, že potrebujem, aby sa obrázok v prípade, že je väčší ako div, v ktorom sa nachádza, stále horizontálne aj vertikálne centroval. Toto som vyriešil, to išlo jednoducho (záporný margin z "(šírka_obrazku - šírka_div_rodiča)/2"). Zároveň ale potrebujem, aby v prípade, že je rodičovský div väčší, tak aby sa v takej situácii obrázok proporcionálne zväčšoval tak, aby bola zväčšovaná strana vždy široká 100% rodičovského divu a druhá strana aby sa proporcionálne prispôsobila. Zväčšovanou stranou myslím smer resize, teda buď sa robí resize horizontálne doľava alebo doprava alebo sa robí vertikálne hore alebo dole.
Neviem, či som to dosť jasne popísal, ak nie, jednoducho si pozrite prosím ten imcreator.com, lepšie je to vidieť na príklade.
Vedel by mi niekto prosím poradiť, ako pomocou jQuery dosiahnuť takýto stav? Našiel som už veľa veľa pluginov, ktoré vedeli niečo podobné, no nebolo to celkom toto.
Ešte uvediem, že problém nastáva hlavne vtedy, ak je tých resize udalostí viac. Teda, najprv roztiahnem objekt smerom doprava, čím sa zvýši jeho šírka a teda sa šírka obrázku nastaví na 100% šírky objektu a výška obrázku sa nastaví na "auto". Potiaľto to ide OK. Ale ak následne zväčšujem výšku, teda rozťahujem objekt napr. nadol, tak tam by bolo zrejme dobré dať, aby obrázok bol 100% výšky (naťahoval sa spolu s objektom smerom nadol) a zároveň aby šírka bola proporcionálna, čiže aby sa nastavila na "auto". No lenže tu nastáva ten konflikt, keďže šírka obrázku má z prvej akcie (horizontálny resize) nastavenú šírku 100% a keď ju pri tejto druhej akcii (vertikálny resize) zmením na "auto", tak to zblbne, lebo obrázok už zrazu nie je široký na celú šírku objektu, ale jeho šírka je iba automaticky proporcionálne daná z výšky objektu.
Asi to opisujem veľmi komplikovane, no robím na tom od rána a už mi z toho hrabe... prosím o radu
25. 3. 2014 15:37:50
https://webtrh.cz/diskuse/zoom-obrazku-pri-resize/#reply1009412
Pro odpověď se přihlašte.
Přihlásit