Problém se změnou velikosti obrázku

25. 7. 2014 12:05:35

Dobrý den,

měl bych dotaz. Lze nějak změnit velikost obrázku podle poměru? To znamená, že když zmenším rozlišení obrazovky, aby se poměrově změnšil obrázek. Na ikonách mám pevnou výšku a šířku, ale na malém displeji je to moc velké a na full HD jsou to mrňky.

díky moc

Viz:http://www.jobsy.servispc-luze.cz

25. 7. 2014 12:05:35

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/problem-se-zmenou-velikosti-obrazku/#reply1042350

Pavel Horáček

(19 hodnocení)

25. 7. 2014 12:33:41

Udávat width v %, pak se vždy přizpůsobí rozlišení ale tady je to jako obrázek na pozadí což je horší. Existuje v css background-size kde zápis je třeba background-size: 100%, 100%; ale nevím nevím jak je to s podporou všech prohlížečů.

25. 7. 2014 12:33:41

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/problem-se-zmenou-velikosti-obrazku/#reply1042349

Milan Hrnčál

(19 hodnocení)

25. 7. 2014 12:41:33

Hm. to nepůjde. už mě to taky napadlo..:-/

25. 7. 2014 12:41:33

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/problem-se-zmenou-velikosti-obrazku/#reply1042348

Pavel Horáček

(19 hodnocení)

25. 7. 2014 12:52:36

Tak pak leda pomocí JS. Něco jako $(".obrazek").css({"background-size": "100%, 100%"});

ReEdit:

Jasně, napsal jsem v JS to samé. Jsem trouba :-) Ale je tedy pravda, že toto jsem už používal přesně v takovéto situaci a pracovalo (nezkoušel jsem všechny prohlížeče).

25. 7. 2014 12:52:36

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/problem-se-zmenou-velikosti-obrazku/#reply1042347

Milan Hrnčál

(19 hodnocení)

25. 7. 2014 13:06:39

to bohužel nejde :-/..mno

25. 7. 2014 13:06:39

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/problem-se-zmenou-velikosti-obrazku/#reply1042346

Pavel Horáček

(19 hodnocení)

25. 7. 2014 13:19:07

Já jsem to teď tedy schválně zkusil a jde to čistě v css.

Na pozadi obrazku se tedy musi dat background:url("../images/butony/1.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); ale samozrejme to zname, ze se pozadi bude prizpusobovat danemu divu tudiz tomu divu(tedy u tebe inputu) .vyber musis nastavit take velikosti v % .... v tvem pripade predpokladam cca 30% width. Jde to urcite, jen si s tim vyhrat :)

25. 7. 2014 13:19:07

0 0

Líbí se: zatím nikdo

Nelíbí se: zatím nikdo

https://webtrh.cz/diskuse/problem-se-zmenou-velikosti-obrazku/#reply1042345

Jakub Jeřábek