slideshow

Question

If i want to show r group different slideshows in same page lthis js can function? As my slideshow can not show the pictures
https://code.sololearn.com/WuyQ5GsnNbp6/?ref=app
https://code.sololearn.com/WuyQ5GsnNbp6/?ref=app

Answer 1

I'll list a few problems and fixes but it'll take a few iterations of improvement to get your slideshow working the way you want.

The HTML is invalid right now and you could fix these easily enough:
- A table must contain a tr before a td.
- You shouldn't set "for" twice on the same element. <label for="Adults" for="Children">Guest</label> is in your page but <strong>Guest</strong> is likely closer to what you want.

Here are some more challenging yet more important problems and fixes:
- mySlides1 and mySlides2 don't exist yet some of your JavaScript in showSlides function depends on elements with those class names existing in your HTML document.
- For the images not showing, you have a few options mentioned here:
https://www.sololearn.com/Discuss/1924077/can-we-add-images-in-sl

You may be interested in something called fancy box.
http://fancyapps.com/fancybox/3/
That's a JavaScript and CSS library for showing photos and manually navigating between next and previous.