adding images to a carousel with thumbnails

Question

Hi again, everybody! I've been working on this for days; it's time to call on the experts!I have a couple of issues. This works...https://www.greenbeaks.com/thumbnail-carousel.htmlThis doesn't. It jumps, and I don't why. Also, I have

issues.https://www.greenbeaks.com/aviary-australian.htmlUltimately, I have a total of 36 slides that I'd like contained in one carousel. Of the dozens of ways I've tried to make it happen, none have been successful. tia

BenPleysier · Accepted Answer

Thanks, Ben. This is what I did... https://www.greenbeaks.com/aviary.html

This is so much better. I like the smaller thumbnails, but I do wish the carousel were a bit larger. It's tiny when viewed on a phone.

Thanks, Ben. This is what I did... https://www.greenbeaks.com/aviary.html

This is so much better. I like the smaller thumbnails, but I do wish the carousel were a bit larger. It's tiny when viewed on a phone.

By @Haybound23605476

Change the line

<div class="col-8 offset-2">

to

<div class="col col-md-8 offset-md-2">

If you want to know more, see the Bootstrap documentation.

Don't forget to change all images to WebP.

to

If you want to know more, see the Bootstrap documentation.Don't forget to change all images to WebP.

Nancy OShea · Answer

Code errors effect performance.Fix these code warnings & errors first: https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.greenbeaks.com%2Faviary-australian.html If after code errors are corrected you still need help, come back & we'll take another look.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded