Úprava obrázku pro velikost v divu

14. 11. 2014 20:47:52

Zdravím,

mám problém, kdy potřebuji do divu 250x250px vkládat automaticky (WP featured obrázky) náhledové obrázky tak, aby se menší rozměr změnil na velikost 250px a větší vzhledem k němu. Div má nastavený overflow: hidden, takže zbytek obrázku nebude vidět.

Používám pro to kód, který ale nefunguje a nemohu ho zprovoznit.

Děkuji za rady,

Michal

14. 11. 2014 20:47:52

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068854

Jakub Hamala

(23 hodnocení)

14. 11. 2014 21:35:52

V podmínce neporovnávej .css('width') s .css('height'), ale $(this).height() s $(this).width(). :-)

14. 11. 2014 21:35:52

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068853

Michal Běhal

(59 hodnocení)

14. 11. 2014 22:40:13

Upravil jsem to, ale obrázky na to stále nereagují. Ještě přikládám odkaz: http://mixchuti.cz/category/obrazky/

14. 11. 2014 22:40:13

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068852

Jakub Hamala

(23 hodnocení)

14. 11. 2014 23:26:41

Edit fiddle - JSFiddle

14. 11. 2014 23:26:41

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068851

Michal Běhal

(59 hodnocení)

15. 11. 2014 18:53:05

Zkoušel jsem dát na fiddlu i obrázky, které jsou širší než vyšší a funguje to v pohodě, ale na webu to prostě nebere. Všemu to nastaví šířku 100%.

15. 11. 2014 18:53:05

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068850

JKHouba

(1 hodnocení)

27. 11. 2014 12:59:40

Neměla by tam být místo čárky dvojetčka?

$(this).css({'width':'100%', 'height':'auto'});

Podíval jsem se na web, asi to takhle nemá vypadat, nebo jo?

Pokud by měly být všechny ty větší obrázky stejné, tedy zcela zaplňující ten "čtverec" div, tak se tam stále opakuje jedna a ta samé fce a reaguje na stejný prvek, tedy první obrázek v pořadí.

Mělo by tam být jednak this, a jedna .each, který zajistí, že se fce aplikuje na všechny další prvky.

Zkus tohle:

Pozn.: Jsem to opravil, tupě jsem část zkopíroval a zaměřil se jen na část, takže jsem si neuvědomil ani chybný zápis syntaxe. Proto ta úprava.

27. 11. 2014 12:59:40

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068849

Michal Běhal

(59 hodnocení)

28. 11. 2014 00:43:48

Díky za zájem, ano, je to pořád špatně.

Nahodil jsem tam ten script místo aktuálního a obrázky to teď nezmenšuje vůbec.

28. 11. 2014 00:43:48

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068848

JKHouba

(1 hodnocení)

28. 11. 2014 06:22:18

Hmm...

---------- Příspěvek doplněn 28.11.2014 v 07:09 ----------

Hmm, ještě jsem tam našel čárku místo dvojtečky. Má být.... .css({"height":"100%"});

28. 11. 2014 06:22:18

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068847

Michal Běhal

(59 hodnocení)

28. 11. 2014 11:35:47

Perfektní, funguje to skvěle, moc díky :)

28. 11. 2014 11:35:47

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068846

JKHouba

(1 hodnocení)

28. 11. 2014 11:48:47

Napsal Railler;1144978
Perfektní, funguje to skvěle, moc díky :)

Není zač.

Jsem rád, že jsme se dobrali zdárného konce. Za tu dvojtečku se omlouvám, přijel jsem ze služební cesty včera před 04.hod a byl jsem jak po flámu, tak mi to uteklo.

Ať se daří.

28. 11. 2014 11:48:47

https://webtrh.cz/diskuse/uprava-obrazku-pro-velikost-v-divu/#reply1068845

Pro odpověď se přihlašte.

Přihlásit