Jak v media queries schovat obrázkovou prezentaci

Napište nám o svých webových stránkách, dejte vědět o jakémkoliv jiném zajímavém webu

Moderátoři: Myloš, Mods_senior

Odpovědět
wolfsharp
nováček
Příspěvky: 4
Registrován: 15 bře 2016 15:59

Jak v media queries schovat obrázkovou prezentaci

Příspěvek od wolfsharp »

Zdravím narazil jsem na problém, při řešení optimalizase webu na mobilní telefony bych potřeboval schovat obrázkovou prezentaci dělanou přes jednoduchý script nevíte někdo jak na to.
Kod:
<head>
<script>
obr = 0; cas = 3000;
obrazky = ['css/obraz/prezentace/01.jpg',
'css/obraz/prezentace/02.jpg',
'css/obraz/prezentace/03.jpg',
'css/obraz/prezentace/04.jpg',];
function animation(){
if (obr==obrazky.length) obr=0;
obrazek.src = obrazky[obr++];
window.setTimeout('animation()',cas);
}
</script>
</head>

<body onLoad="animation()">
<img margin-top="15px" src="css/obraz/prezentace/01.jpg" name="obrazek" width="410" height="280" alt="Fotogalerie (animace)">

</body>
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: 27 říj 2014 18:19
Bydliště: Praha
Kontaktovat uživatele:

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvek od x-rated »

normálně dáš do media query display: none, ne? :smile:
ale máš to nějaký divný, kde se tam takhle samostatně vzalo to margin-top="15px"? tam máš kus css vloženej jako nějakej atribut, width a height taky
9900K / G.Skill 32GB@4 GHz / MXI Formula / RTX 2080 Ti / Sabrent 4 TB NVMe / X-Fi THD / HD660S / G403 / G815 / UP2715K 5K IPS / HX1000i / Define R6 / EKWB full
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvek od CZechBoY »

Atributy width a height pro obrázek existujou, margin-top nikoliv.
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
wolfsharp
nováček
Příspěvky: 4
Registrován: 15 bře 2016 15:59

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvek od wolfsharp »

No to mě jako taky napadlo ale když se to vezme tak já tu obrázkovou prezentaci nemám v CSS souboru, takže asi nejlepší řešení bude tomu udělat class a pak mu nastavit display none jo ?
Uživatelský avatar
CZechBoY
Master Level 9.5
Master Level 9.5
Příspěvky: 8813
Registrován: 20 srp 2008 14:02
Bydliště: Brno
Kontaktovat uživatele:

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvek od CZechBoY »

No nemusis k elementum pristupovat jen podle tridy, muzes klidne i cestou v dom.
Napr. body div.fotogalerie > ul > li > img
PHP, Nette, MySQL, C#, TypeScript, Python
IntelliJ Idea, Docker, Opera browser, Linux Mint
iPhone XS
Raspberry PI 3 (KODI, Raspbian)
XBox One S, PS 4, nVidia GeForce NOW
Odpovědět

Zpět na „Web-tipy a vaše weby“