Autor Zpráva
bakib
Profil *
Zdravím, hledal jsem a nenašel tak úplně odpověď, tak se ptám.
Potřeboval bych aby se mi velikost obrázku měnila v závislosti na velikosti divu (např).
Jak se v závislosti na velikosti okna mění velikost obrázku v pozadí.
Díky moc za radu.

Jinak tady je už nějaká diskuze: http://diskuse.jakpsatweb.cz/?action=vthread&forum=7&topic=120491
ale jde o to, že bych asi vlastně potřeboval měnit jak div, tak velikost obrázku v něm. Šířka bude pevně daná, ale bude se měnit výška. Chci aby poměr velikosti obrázku zůstal stejný.

Nevím, jestli jsem se dostatečně dobře vyjádřil, jinak se ptejte :)
Darker
Profil
V mnoha prohlížečích už funguje vlastnost background-size.
Pokud obrázek může zaplňovat celý div, dej mu prostě 100% 我idth a height.
bakib
Profil *
jo, ale když mám obrázek o rozlišení např 1600×1200, tak se mi do divu 800×800 prostě nasáčkuje, takže bude smrštěný. Potřeboval bych, aby jeho poměr zůstal. Takže teoreticky aby se zobrazil jako 800×600.
Louka
Profil
Mě vždycky fungovalo, že jsem v CSS nastavil jen width: a výška se už dopočítala automaticky...
bakib
Profil *
ok a teď to začíná být zajímavější :). On to není jeden obrázek, ale slideshow, takže se mi tam obrázky mění a mění se jak obrázky na šířku, tak na výšku ...
takže asi něco přes jquery, kde se detekuje šířka, výška ...?
Louka
Profil
Já nevím, určitě máš nějaký rozměr (šířka/výška) který se nemá překročit, tak bych ho nadefinoval jako <img class="slideshow"> v CSS např. width:800px; a pak bych ve slideshow měnil src toho obrázku a mělo by se to přepočítávat nebo ne?
Darker
Profil
Výšku a šířku obrázku bys možná mohl zjistit tak, že na pozadí vytvoříš element obrázku a pak se zeptáš na width a height.

Pokud chceš měnit velikost obrázku bez změny poměru stran, změň jednu a druhou dopočítej. Zadání z [#1] je v tomhle ohledu neproveditelné.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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