I'm trying to implement a slide show using jquery. My model is Murach's HTML5 and CSS3, 4th Edition, page 654. (Yes I know DD offers a slide show script. I could not get IT to work either.)
The following is in my head section:
The following is in the body:HTML Code:<script src='js/jquery-3.5.1.js'></script>
<script src='slide_show.js'></script>
And here is my CSS code:HTML Code:<br />
<br />
<p style="font-size:x-large; ">If Donald Trump makes an utterance in the middle of a deserted forest, and there is nobody around who hears him, is he still lying?</p>
<br />
<section>
<h1>Trump Slide Show</h1>
<h2 id="caption">The Might Is Right House</h2>
<img id="slide" src="images/trump1.jpg" alt="">
<div id="slides">
<img src="images/trump1.jpg" alt="Trump and Pal Putin">
<img src="images/trump2.jpg" alt="The liar tweets tonight">
<img src="images/trump3.jpg" alt="Dump Trump">
</div>
</section>
The page is at https://www.njgunlawyers.com/page.php?here=test. I have downloaded jquery-3.5.1.js into the js folder of my server. (It also does not work when I grab jquery-3.5.1.js from jquery.com and putCode:
#slides img { display: none; }
into my head section.HTML Code:<script src='//code.jquery.com/jquery-3.5.1.min.js'></script>
Please accept my apologies for linking to this heavily political message.
A.