How to Get Rotating Images on My Web Page and Place Them Anywhere on the Page
By Darrin Koltow
Updated April 05, 2018
Open Notepad, and then paste the following HTML statements into the document. These statements define a basic, blank Web page, into which you can insert statements for displaying cyclical images:
Paste the following CSS statements immediately under the <HEAD> tag. These statements indicate the location of the page's <img> tag, in units of pixels. This location can be anywhere you specify. Type over the 230 and 200 values shown here with different values -- roughly from zero to 800 for the Top property, and zero to 1000 for the Left property. The display resolution of the PC or other device that shows your Web page sets the actual range, and therefore will vary. However, all devices will display the images in the upper left corner if you type "0" for both the Top and Left properties:
Save the file with the ".htm" file extension, and then copy four images numbered consecutively from "b1.jpg" through "b4.jpg" into the same folder.
Open the Web page in your Web browser to view the continuously changing images.
Information in this article applies to HTML 5. It may vary slightly or significantly with other versions.
- Always keep in mind to look for pictures that are FREE to use, or are under what is called the Creative Commons license. Otherwise, you might be violating someone's "intellectual property rights." Although it is commonly done - people steal other people's images all the time - it is actually a crime, not to mention a crummy thing to do. There is more than enough material out there given away for free.
- Information in this article applies to HTML 5. It may vary slightly or significantly with other versions.
Darrin Koltow wrote about computer software until graphics programs reawakened his lifelong passion of becoming a master designer and draftsman. He has now committed to acquiring the training for a position designing characters, creatures and environments for video games, movies and other entertainment media.