How to get slideshow to show first image when I first open the page?

JavaScript
1

Hi, I have just added a slideshow to my website using the code from here exactly https://www.w3schools.com/howto/howto_js_slideshow.asp

However when I go onto the page the slideshow images do not automatically show, but only the buttons so I have to press a button to get a picture to appear, how can I get the 1st picture in the slideshow to appear automatically?

Here’s how it shows when I first open the page:

1366×398 17 KB

Thanks!

2

Put the jq inside

$(document).ready(function() {


});
3

It doesn’t seem to be working, where do I put this?

4

Have you added a jq library in the head of your page?
if not add the below in the header…overkill but not sure what library would suit

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

then all the jq you copied from w3schools place inside the document.ready I previously put. And place all of that before your closing body tag

5

I have added a jquery library but my script is in a separate js file not in the html file.

6

the separate js file is included in the header of your html? It should be included after the library declaration

if so, add the document.ready code at the start of the included js file…closing brackets at the end obviously and try

7

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.