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.

Responsive CSS3 Slider

Responsive CSS3 Slider

04 jan 2018 10:28
#1
Beste,
Ik heb de extentie Responsive CSS3 Slider toegevoegd aan mijn home page.
Echter de pictures die ik heb toegekend a de slide show worden ieder in een ander formaat (veel te groot trouwens) gedisplayed.
Ook als ik de foto's resize naar een kleiner format en voor iedere foto dezelfde format neem blijft het issue aanwezig.
Hoe kan dat opgelost worden ?
Alvast bedankt,
Daniël

Responsive CSS3 Slider

04 jan 2018 10:32
#2
Namens het Joomla!NL team heet ik je hartelijk welkom op dit forum.

Om het fenomeen ook werkelijk in werking te zien en je een mogelijk antwoord te kunnen geven is het misschien handig als je een url kunt geven waar dit voorkomt.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Responsive CSS3 Slider

04 jan 2018 10:34
#3

Responsive CSS3 Slider

04 jan 2018 10:55
#4
Je hebt nu niet voor elke foto hetzelfde formaat. Je hebt staande en liggende foto's door elkaar. Dat gaat in ieder geval nooit werken.
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: 37102

Responsive CSS3 Slider

04 jan 2018 10:56
#5
Vermoed dat het toch ergens een instelling is in je module

Ik zie deze inline code:
Code:
#slides .inner { width: 303%; line-height: 0;

Die 303% rekt alles op.
En zorg bij slides altijd dat alle afbeeldingen hetzelfde formaat hebben. Nu hebben ze 1000x737, 784x952 en 160x160 px
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Responsive CSS3 Slider

04 jan 2018 10:58
#6
ok, daar kan ik inkomen maar wat zijn dan precies de voorwaarden aan de foto's ?
moeten die precies allemaal hetzelfde formaat hebben ?
in een vorige versie had ik alle foto's 'resized' naar 150 pixels maar dan was het ook niet ok.

Responsive CSS3 Slider

04 jan 2018 11:01
#7
hoogte en breedte of is dezelfde hoogte voldoende ?

Responsive CSS3 Slider

04 jan 2018 11:04
#8
Bij voorkeur exact dezelfde afmetingen en resolutie. Dan krijg je het mooiste resultaat.
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: 37102

Responsive CSS3 Slider

04 jan 2018 11:05
#9
Dat is een beetje lastig aan te geven. Als je een beetje standaard gemiddelde breedte van een site pakt ligt deze zo rond de 960/980 pixels breed. je afbeelding zou dan ook ongeveer deze breedte moeten hebben. Het beste is om de afbeeldingen in het formaat 4:3 of 3:2 te houden en foto's niet gaan bijsnijden. (Bijsnijden kan wel, maar zorg dat je altijd het oorspronkelijk formaat aan houdt). Daardoor zul je een springerig en onrustig effect krijgen.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629

Responsive CSS3 Slider

04 jan 2018 14:16
#10
toch nog een vraag: wat bedoelt u met formaat 4:3 of 3:2 ?

en hebt u misschien een tip om verschillende foto's toch samen te kunnen afbeelden in een slide show ?
meestal hebben de foto's een verschillende size en/of resolutie.

Responsive CSS3 Slider

04 jan 2018 14:23
#11
4:3 en 3:2 zijn verhoudingen.
Dus een verhouding van breedte 4 en hoogte 3 of breedte 3 en hoogte 2.

Het is belangrijk dat je elke foto tot dezelfde verhouding bewerkt.
Dat kun je bijvoorbeeld doen met een gratis bewerk-programma als GIMP.

Het is even wat handwerk, maar je hebt wel het mooiste resultaat.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11166

Responsive CSS3 Slider

04 jan 2018 14:27
#12
4:3 verhouding is bijv. 1200 x 900 px 3:2 is 900x600 px. Dus de verhouding breedte/hoogte
Als je de foto's aangeleverd krijgt, vraag dan altijd om het origineel en bewerk ze zelf (bijvoorbeeld bijsnijden).
Overigens je kan ook best een breedte kiezen van bijv. 960 en een hoogte van bijv. 300 of 450 px. Op zich maakt dit niet veel uit.
Maar zorg er wel voor dat alle foto's die je gebruikt in de slider dezelfde breedte en hoogte hebben.
In een beetje goed fotobewerkingsprogramma is dit prima te realiseren.
Verschilt de hoogte en/of de breedte, dan krijg je een zeer onrustig effect.
Groeten, Romke
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum
Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

  • Romke
  • Romke's Profielfoto
  • Algemeen Moderator
  • Algemeen Moderator
  • Berichten: 3629
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 1.161 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