I'm trying to replace an image with another after 10 seconds. I'd be ok with replacing the image, using HTML, CSS, or JS, after 10 seconds, or by using any of them to automatically go to the next page, which could be set up to look exactly the same. You'll get a better idea after you see the page, my soon to be, 404 page. My Goal would be to replace the image, with another here After 10 seconds. Anyone know how I can do this, hopefully somewhat simply.
You could use a redirect and change pages, just put this in the head of your 404:
<meta http-equiv="refresh" content="10;url=boom.htm">
where the URL is the next page in the sequence and 10 is the number of seconds you want between each page change:
Put an ID on the element:
<img id="main-image" src="images/404.png" alt="" style="border: 0px solid ; width: 200px; height: 235px;"/>
<script> var image = document.getElementById("main-image"); image.src = "images/404_timeout.jpg"; </script>
You'll need to use the
The meta example is as follows. Add the following to each page, where the URL is the next page in the sequence and 10 is the number of seconds you want between each page change:
<meta http-equiv="refresh" content="10;url=boom.htm" />
One other tip on the website: I'm not sure if it's the final version or not, but I would strongly recommend not using red text on a blue background (or the reverse). Colours that are complementary/opposite (such as red/blue or yellow/purple) are very hard to read on top of each other, especially on computer screens.
I got all that done, but how do i set the time.
That looks like It should kinda work but i'm not getting anywhere. Thanks
Thanks all of you! I couldn't exactly figure out how to switch the image, I'll probably take that up again someday but for now the Timed page redirect works great.