Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

Vreemd fenomeen: achtergrond afbeelding verspringt

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 14:37
#1
We hebben, begin van het nieuwe jaar, onze website vernieuwd ( www.haus-christa-braunlage.com ).
Nieuwe template en ontwerp.
Als extra toevoeging hebben we een afbeelding van een houten vloer als achtergrond gebruikt.

In eerste instantie ging dat op de smartphone (Android) niet goed; de foto werd opgeblazen.
Zelfde effect op de tablet (Android).
Echter, de website bekijken via Responsinator werkt wel prima. Ook responsive.
Via de template-ontwikkelaar heb ik een code gekregen waarmee de afbeelding goed wordt weergegeven.

Wat is het probleem? Als ik de website bekijk op een smartphone of tablet, verspringt de achtergrond:
deze wordt breder (naar beneden scrollen) of smaller (omhoog scrollen).
En dat is natuurlijk niet mooi.

Ik heb aangegeven bij de ontwikkelaar dat het nog steeds niet goed gaat en zit nog op antwoord te wachten.
Maar wellicht heeft iemand hier een idee wat de oplossing zou kunnen zijn??
  • David
  • David's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 16:51
#2
Ik kan het op mijn smartphone niet reproduceren.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37115

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 16:56
#3
Het gaat om de bruine planken.
Als je naar beneden scrollt, verspringt de achtergrond (lijkt op inzoomen).
Onder aan de pagina is het beter te zien: als je helemaal onderaan bent en je scrollt naar boven, verspringen de planken.

Wat voor smartphone heb je? Wellicht dat het daaraan kan liggen?
  • David
  • David's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 17:03
#4
Nu zie ik het wel. Maar het is echt minimaal. Kan je het niet oplossen door de achtergrondafbeelding op te nemen in de css definitie van de body? Ik snap de logica nu niet.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37115

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 17:10
#5
Ik heb van de ontwikkelaar de volgende code gekregen om te plaatsen na de footer:
Code:
<div class="custom-bg-image" style="background-image: url(/<?php echo JURI::base() ; ?>images/background/floor-1256804_1920.jpg" ></div>

En daarna aan de custom.css toegevoegd:
Code:
.custom-bg-image { position:fixed; top:0; bottom:0; left:0; right:0; background-position:50% 50%; background-repeat:no-repeat; -webkit-background-size: cover; /* Chrome Safari */ -moz-background-size: cover; /* Firefox */ -o-background-size: cover; /* Opera */ background-size: cover; /* version standard */ z-index:1; }

Ik heb de z-index aangepast van 1 naar 0 omdat de slider anders niet getoond werd.

Ik had de achtergrond eerst in de template.css opgenomen (meest logisch) maar daar werd de achtergrond op de smartphone en tablet volledig opgeblazen en daardoor onduidelijk. In overleg met de ontwikkelaar kwam hij met bovenstaande oplossing.
  • David
  • David's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 17:18
#6
Theoretisch zou het moeten werken, maar wel een grote omweg voor iets dat met puur css ook op te lossen is.
Je kunt kijken of je het met mediaqueries op kunt lossen. Volgens mij kunnen mobiele apparaten niet zo goed overweg met
Code:
position:fixed;
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37115

Vreemd fenomeen: achtergrond afbeelding verspringt

04 jan 2018 17:21
#7
Als ik
Code:
position: fixed
weghaal, verdwijnt de afbeelding op de smartphone.
Dus dat is het niet.
Wat zou de oplossing kunnen zijn met een mediaquerie?
  • David
  • David's berichtenfoto Heeft onderwerp gestart
  • Vaste bezoeker van Joomla!NL
  • Vaste bezoeker van Joomla!NL
  • Berichten: 1031
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.417 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie