Questions? Call (860)407-2687
find us on:

Example Code to Auto Refresh More than 1 Image on Web Page

short url:

Below are three dummy images set refresh every 5 seconds image #1, 6 seconds image #2 and 7 seconds image #3. The trick is to make sure each image has a different, unique ID.

The html code for mulitple images on a single web is found in the text area below. Note: make sure to alter the html image code that is red to meet your needs, ie proper image ID, number of seconds between refreshes, etc. and make sure to specify a unique ID for EACH image and make sure the associated Javascript code refects that image id.

<img alt="Your desired image alt text." id="idOfImage1ToReload" onload="javascript:(function(){setTimeout(function(){document.getElementById('idOfImage1ToReload').src=document.getElementById('idOfImage1ToReload').src.split('?')[0] + '?time=' + new Date().getTime();},5000);}())" src="the url/web address to your image" title="Your desired image title text." />

CONTENT RELATED TO EXAMPLE CODE TO AUTO REFRESH MORE THAN 1 IMAGE ON WEB PAGE



How To Create Javascript Bookmarklet

... page that collects any text from the web page that you select with your mouse. Sort of a content scraper bookmarklet. You are free to take this content scraper bookmarklet code and use it. Remember y ...

Pinterest Pin It Button On Image Hover With A

... h line of code does. The only thing you need to configure/alter is the items indicated at the top and include: If you want to exclude an image from displaying the Pin-It button on mouse hover, just ad ...

Javascript Scrollintoview Alternative Make Co

... e brains behind it all. This is the code that does the work of making it so when your site visitor clicks that table of content link #3, that the div 'content3' gets brought to the top, when they clic ...

COMMENTS ON EXAMPLE CODE TO AUTO REFRESH MORE THAN 1 IMAGE ON WEB PAGE

Feel free to submit your comment below. Anything that does not contribute and is just spam will automatically be deleted. Questions marked by * are required. Comments are checked by a human to make sure they are not spam/automated and are on topic and related to Example Code to Auto Refresh More than 1 Image on Web Page.

NAME:
EMAIL:
COMMENT:
HTML OK. Allowable HTML tags include: <p></p>, <i></i>, <b></b>, <em></em>, <strong></strong>, <ul><li></li></ul>, <ol><li></li></ol>
Question ❔
Back to Top