Stránka 1 z 1

Jak v media queries schovat obrázkovou prezentaci

Napsal: 11 kvě 2016 13:40
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>

Re: Jak v media queries schovat obrázkovou prezentaci

Napsal: 11 kvě 2016 18:47
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

Re: Jak v media queries schovat obrázkovou prezentaci

Napsal: 11 kvě 2016 20:14
od CZechBoY
Atributy width a height pro obrázek existujou, margin-top nikoliv.

Re: Jak v media queries schovat obrázkovou prezentaci

Napsal: 12 kvě 2016 09:37
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 ?

Re: Jak v media queries schovat obrázkovou prezentaci

Napsal: 12 kvě 2016 11:40
od CZechBoY
No nemusis k elementum pristupovat jen podle tridy, muzes klidne i cestou v dom.
Napr. body div.fotogalerie > ul > li > img