I am creating a slideshow with images and text, but the slide starts then starts overlapping and then turns black. Here's a link as an example:https://app.hubspot.com/design-previewer/2446169/modules/66334288661. I am new to code and am unsure what's going on. I think in the cycleImages is where something went wrong, but I am not sure. I followed a video to help, but mine still does the overlapping and then just a black screen. Someone please help!
Here is my HTML:
<!doctype html><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><metahttp-equiv="X-UA-Compatible"content="ie-edge"><title>Slider</title><linkrel="stylesheet"href="styles.css"></head><body><divclass="slideshow"><divclass="slideshow-item"><imgsrc="https://f.hubspotusercontent10.net/hubfs/2446169/020222-024.jpg"alt=""><divclass="slideshow-item-text"><h5>Will you be a new student this spring?</h5><ahref="https://www.hocking.edu/quickstart">Register for QuickStart now</a></div></div><divclass="slideshow"><divclass="slideshow-item"><imgsrc="https://f.hubspotusercontent10.net/hubfs/2446169/FAFSA_computer.jpg"alt=""><divclass="slideshow-item-text"><h5>Need help with the FAFSA? Sign up for a free help session!</h5><ahref="https://www.hocking.edu/fafsa-workshop">Learn more</a></div></div><divclass="slideshow"><divclass="slideshow-item"><imgsrc="https://f.hubspotusercontent10.net/hubfs/2446169/Elle%20King%20(1).png"alt=""><divclass="slideshow-item-text"><h5>Black Diamond Music Festival | June 10-12</h5><ahref="https://www.blackdiamondmusicfestival.com/">See the Lineup</a></div></div><divclass="slideshow"><divclass="slideshow-item"><imgsrc="https://f.hubspotusercontent10.net/hubfs/2446169/0924-042.jpg"alt=""><divclass="slideshow-item-text"><h5>Job-ready training at the Fairfield County Workforce Center</h5><ahref="https://www.hocking.edu/fairfield-county-workforce-center">Click here for more information</a></div></div></body></html>
Jun 28, 20225:41 AM - edited Jun 30, 202210:10 AM
Member
Image slideshow not transitioning correctly
It is very interesting if you have found a bug in your code. Unfortunately, I can't find a problem that would prevent you from getting the results you want, since I, too, started studying this area relatively recently. So far your code seems complicated, and I'm not talking about finding bugs in it and knowing how to fix them. For now, I can advise you to focus on the code the Docs&Slides Directory guys use for their runs and slideshows. I think it might help you since their code is in the public domain, which will give you some practical knowledge and even help you figure out what's wrong. Good luck and I hope you have success with your project.