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

wolfsharp
nováček
Příspěvky: 4
Registrován: březen 16
Pohlaví: Muž
Stav:
Offline

Jak v media queries schovat obrázkovou prezentaci

Příspěvekod wolfsharp » 11 kvě 2016 13:40

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>

Reklama
Uživatelský avatar
x-rated
Level 5
Level 5
Příspěvky: 2124
Registrován: říjen 14
Bydliště: Praha
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvekod x-rated » 11 kvě 2016 18:47

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvekod CZechBoY » 11 kvě 2016 20:14

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: březen 16
Pohlaví: Muž
Stav:
Offline

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvekod wolfsharp » 12 kvě 2016 09:37

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: srpen 08
Bydliště: Brno
Pohlaví: Muž
Stav:
Offline
Kontakt:

Re: Jak v media queries schovat obrázkovou prezentaci

Příspěvekod CZechBoY » 12 kvě 2016 11:40

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


  • Mohlo by vás zajímat
    Odpovědi
    Zobrazení
    Poslední příspěvek
  • switche s Media Converterem
    od BigSandy » 12 lis 2023 11:12 » v Sítě - hardware
    3
    1260
    od zeus Zobrazit poslední příspěvek
    13 lis 2023 10:18
  • Flashka ukazuje no media Příloha(y)
    od ladaxik » 07 lis 2023 18:17 » v Problémy s hardwarem
    2
    758
    od zeus Zobrazit poslední příspěvek
    07 lis 2023 21:09

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

Kdo je online

Uživatelé prohlížející si toto fórum: Žádní registrovaní uživatelé a 3 hosti