JS Image Slideshow - How to customize W3schools Example?

Hi,

I’m new to the wonderful world of JavaScript. Been playing around with this example and got some questions:

https://www.w3schools.com/howto/howto_js_slideshow.asp

  • How can I make it show more than one image at the same time, to make it more like a carousel instead of a slider?
  • How can I make it responsive meaning when someone is browsing on a mobile device, the slider will stay as it is right now (1 image per frame), but when browsing from a laptop - there will be 4-5 images in each frame.
  • Oh, and later I’d like to pull more images from the database with PHP(loop). Would that be possible with this JS code?

Any tips?
Thanks.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.