Autor Zpráva
PavelF
Profil
Zdravím,

celkem se trápím s jistým problémem. Na mém eshopu mám u produktu vložené iframe ve tvaru:
<iframe allowfullscreen="" frameborder="0" height="480" mozallowfullscreen="true" onmousewheel="" src="https://sketchfab.com/models/05cad1baf55845efbf53a652966680cc/embed?autostart=1&amp;camera=0" webkitallowfullscreen="true" width="1140"></iframe>

Mám to u každého produktu na eshopu (samozřejmě jiný iframe) a chtěl bych se zeptat, zda nejde nějak udělat, aby se při různých rozlišení obrazovky měnila hodnota width="xxx" a height="xxx"
třeba takto: rozlišení 1600x900 width="1140" nebo 1024x768 width="800" atp

Problém je totiž v tom, když si web otevřu na mobilu nebo na PC s menším rozlišením, tak iframe není celé - je to uřízlé.

Díky moc za pomoc

Pavel
bestik_63
Profil
Nejde udělat aby to mělo spíše procentuální šířku? např width:80% ???
Jinak to co potřebuješ samozřejmě jde v javascriptu:

document.getElementById("myBtn").style.width = "300px";//nastaví šířku elementu

Teď otázka jestli to chceš měnit podle šířky okna nebo prohlížeče. Ne každý má totiž okno maximalizované.
Nicméně šířku okna zjistíš s pomocí jquery: $(window).width()
Ale zjistit šířku okna je trochu věda : viz. http://stackoverflow.com/questions/3437786/get-the-size-of-the-screen-current-web-page-and-browser-window
Krakatoa
Profil
PavelF:
Na to ti stačí základy css (width, height a media query (@media (podmínka)).
PavelF
Profil
Díky moc - to mě nenapadlo - udělal jsem to přes procenta. Funguje to tak perfektně.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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