Basic Image Positioning

John Leeke · Oct 23, 2004

How are images positioned on a page?

In particular, how do I adapt the following javascript code:

**********
<img src="officecam0000.jpg" name="myImageName">
<script language="JavaScript">
function reloadImage() {
var now = new Date();
if (document.images) {
document.images.myImageName.src = 'officecam0000.jpg?' +
now.getTime();
}
setTimeout('reloadImage()',10000);
}
setTimeout('reloadImage()',10000);
</script>
**********

so that it positions and sizes the image the same as this html code:

**********
<p align="left"><img border="0" src="officecam0000.jpg" width="150"
height="130"><br>
OfficeCam(10sec.update)</p>
**********

I am new to javascript, so you may have to spell it out for me.

Thanks for your help.

John

Grant Wagner · Oct 25, 2004

John said:
How are images positioned on a page?

They are positioned according to HTML layout standards... that is, an
image appears inside inline elements inline and if placed in a block
element will be separated from other block elements according to the
default CSS of the specific HTML elements in a particular browser.

So you can test:


Test
<div><img ...></div>
Test


Test

In particular, how do I adapt the following javascript code:

**********
<img src="officecam0000.jpg" name="myImageName">

Drop this.

<script language="JavaScript">

function reloadImage() {
var now = new Date();
if (document.images) {
document.images.myImageName.src = 'officecam0000.jpg?' +
now.getTime();
}
setTimeout('reloadImage()',10000);
}
setTimeout('reloadImage()',10000);

Move this to said:
</script>

This script does no "positioning" of the image, it simply attempts to
guarantee (assuming client-side JavaScript) a fresh copy of the image
gets loaded into the user agent approximately every 10 seconds.

**********

so that it positions and sizes the image the same as this html code:

**********
<p align="left"><img border="0" src="officecam0000.jpg" width="150"
height="130"><br>
OfficeCam(10sec.update)</p>
**********

I am new to javascript, so you may have to spell it out for me.

<head>
<title>...</title>
<script type="text/javascript">
function reloadImage() {
if (document.images) {
document.images['myImageName'].src =
'officecam0000.jpg?' + (+new Date());
}
var t = setTimeout('reloadImage()', 10000);
}
</script>
</head>
<body onload="setTimeout('reloadImage()', 10000);">
<img name="myImageName"
border="0" src="officecam0000.jpg"
width="150" height="130">
<br>
OfficeCam (10 second update)</p>
</body>

Help with Visual Lightbox: Scripts	2	May 3, 2023
Help w/ Positioning Image	3	Sep 11, 2018
Please Help?	0	Jul 23, 2022
Put image over the top of another image on hover	3	Feb 7, 2020
Image not changing between "mute" & "un-mute" images.	5	Jun 2, 2023
Image upload not working in browser	4	Sep 9, 2022
Help with code	0	Jun 12, 2022
I am trying to detect Which image id="" was clicked ?	22	Jan 3, 2023

Basic Image Positioning

John Leeke

Grant Wagner

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads