I am currently working on a webpage design that resembles the style of Microsoft's website. I came across a tutorial on W3 Schools for creating an image slideshow, which can be found here: https://www.w3schools.com/howto/howto_js_slideshow.asp. The example provided in the tutorial worked well when all the code was placed in one HTML document. However, when I tried to link an external stylesheet, the slideshow stopped functioning. I even tried adjusting the JavaScript link without success, although switching to the next picture still worked properly. I sought advice on Stackoverflow, where suggestions like adding ?v=3 to the links and clearing cache were offered, but none of these solutions resolved my issue. I tested this in both Chrome and Firefox.
Here is how I linked my CSS in the head section:
<style>
<link rel="stylesheet" type="text/css" href="new theme.css">
</style>
And here is the JavaScript link at the end of the body:
<script type="text/javascript" src="js/new script.js?v=3"></script>
Do you have any insights on why this could be happening? Are there other tutorials available for troubleshooting this problem? I will include images comparing the functional HTML file with all the code inside it versus the file with external JS and CSS linked.
Thank you for your help!
External Link - Not Functioning
Internal Link - Functioning perfectly
THANKS EVERYONE! - A simple spelling mistake caused the issue! Apologies for any inconvenience!