Fullscreen slider toont niet goed op kleinere schermen

Ik heb een website gemaakt met een fullscreen slider. Voor deze slider heb ik grote afbeeldingen gebruikt (2800x750px) en op 'normale' beeldschermen wordt het goed weergegeven, maar op kleinere schermen onder 1024px worden de beelden gehalveerd, zo ook op de ipad. Ik wil graag dat de beelden automatisch verkleinen en vergroten met de schermresolutie maar heb alles geprobeerd dat ik wist maar heb nu geen idee meer hoe ik het moet doen. Ik heb gespeeld met de background-size in de css file, maar dat biedt niet echt een oplossing of in zoverre dat de image op grotere schermen niet meer beeldvullend is. Iemand een idee hoe ik dit aan moet pakken?

Hoi Maryonee,

Het zou handig zijn, als er een link was naar de betreffende website, zodat de leden kunnen mee kijken.

Sorry, het gaat om deze site>>

Dan moet je een extensie gebruiken die ontwikkeld is als responsive slider.
Dat wil zeggen dat de afbeeldingen op maat worden aangepast op basis van de schermresolutie van je bezoeker.
Zelf heb ik na lang zoeken deze gevonden.
SlideshowCK

Probeer het eens uit. Ik ben benieuwd naar je bevindingen.

Het is een responsive slider....

Ik ken die extensie specifiek niet, maar weet van de SlideshowCK dat je voor de breedte de waarde op 'Auto' moet zetten.
Wanneer daar een vaste waarde staat, schaalt de module niet goed.
Kun je dat bij die van jou ook zo instellen?

Wellicht moet je een geheel responsive template inclusief slider gebruiken.
kijk hier eens cmsteachings.com/cmsblue-free-joomla-template