Page 1 of 1
(Opgelost) afbeelding in content
Posted: Thu Oct 01, 2015 8:27 am
by bartje26
Ik heb voor een site de simplex template gebruikt.
Alles ziet er goed uit, echter op een mobile device schaalt de afbeelding die met de afbeelding invoegen/bewerken optie in de WYSIWYG editor wordt geplaatst niet mee. De overige zaken zoals slider enz. gaan wel goed.
ik hoop dat iemand mij hiermee kan helpen.
Re: afbeelding in content
Posted: Thu Oct 01, 2015 3:50 pm
by Rolf
Ik ken de Simplex template eigenlijk niet
Maar zo doe ik het op mijn websites, plaats in je stylesheet:
Code: Select all
@media screen and (max-width: 600px) {
[[* preset image scaling, you can't have both enabled! *]]
[[* 1. ALWAYS scale images by default *]]
img { width: 100% }
img.donotscale {
width: auto;
max-width: 100%;
}
[[* 2. DO NOT scale images by default *]]
/*
img.scale { width: 100% }
*/
}
Gebruik je de eerste optie uit de stylesheet dan zullen *alle* afbeeldingen standaard worden verschaalt, zonder tussenkomst van de gebruiker.
Wil de gebruiker dan een bepaalde afbeelding *niet* verschaalt mag worden dan moet deze de class="donotscale" toevoegen. (Bijv. in het template bij Social Media plaatjes).
In de tweede optie zullen de afbeeldingen *niet* verschaald worden tenzij je wel de class="scale" toevoegd aan de <img> tag. Deze optie kun je beter gebruiken bij grotere websites met veel afbeeldingen die later worden omgebouwd tot responsive.
Hoop dat je er wat aan hebt.
Grt. Rolf
Re: (Opgelost) afbeelding in content
Posted: Mon Oct 05, 2015 9:21 am
by bartje26
Rolf,
bedankt deze oplossing werk perfect.
Fijn dit forum ..
Re: (Opgelost) afbeelding in content
Posted: Mon Oct 05, 2015 9:43 am
by Rolf
bartje26 wrote:Rolf,
bedankt deze oplossing werk perfect.
Fijn dit forum ..
Top, leuk om te horen!!