(Opgelost) afbeelding in content

[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.

[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

[bartje26]

Rolf,

bedankt deze oplossing werk perfect.

Fijn dit forum ..

[Rolf]

Rolf,

bedankt deze oplossing werk perfect.

Fijn dit forum ..

Top, leuk om te horen!!