I'm trying to change the pictures on my commissions page into the carousel w/ indicators & controls, but it seems to mess up when I add more than one of them. Here's what's happening, do you think you can help fix it?
Carousels with controls rely on the "id=name" element. This means that each individual carousel has an id attached to itself. If you look in my resources, I didn't just assign "id=carousel" to each carousel, but the first one had "id="carousel", the second one "id=carousel2" etc.
What goes wrong on your end is that you named both your first carousel and your second carousel the same id, so when you use the controls of the second carousel, it will control the first carousel. Make sure to both assign a unique id to each carousel, and change said id in the href that controls the unique carousel!
I have marked up the code to show which elements are relevant here. The text marked in yellow should be the same inside one carousel, but different between two. So in your feral examples that should be "id=feral" and "href=#feral" across the whole carousel, in humanoid "id=humanoid" and "href=#humanoid" or whichever name you give 'em ;v;
Please let me know if that explains the issue! I am not the best at explaining these things :'D
Elithian
Coding Resources #2
I'm trying to change the pictures on my commissions page into the carousel w/ indicators & controls, but it seems to mess up when I add more than one of them. Here's what's happening, do you think you can help fix it?
4 years, 7 months ago Edited 6:27 pm
Carousels with controls rely on the "id=name" element. This means that each individual carousel has an id attached to itself. If you look in my resources, I didn't just assign "id=carousel" to each carousel, but the first one had "id="carousel", the second one "id=carousel2" etc.
What goes wrong on your end is that you named both your first carousel and your second carousel the same id, so when you use the controls of the second carousel, it will control the first carousel. Make sure to both assign a unique id to each carousel, and change said id in the href that controls the unique carousel!
I have marked up the code to show which elements are relevant here. The text marked in yellow should be the same inside one carousel, but different between two. So in your feral examples that should be "id=feral" and "href=#feral" across the whole carousel, in humanoid "id=humanoid" and "href=#humanoid" or whichever name you give 'em ;v;
Please let me know if that explains the issue! I am not the best at explaining these things :'D
4 years, 7 months ago Edited 12:58 am
Thanks for the explanation, this helped out a lot! ^^
4 years, 7 months ago