determine/change img width in nav [Archive]

Click to See Complete Forum and Search --> : determine/change img width in nav

cul8er23

09-10-2003, 06:32 AM

Hi,
can anyone tell me how to determine image width and height in netscape and change it?

I am trying to postition one shaddow(pic) underneath every pic on my page to keep it small (I also need the pics w/out shadow).

--------------------------------------
<div style="position:absolute; z-index:2; top:100; left:100">
<img src="shaddow.png" name="cleaning_3_4_S">
</div>
<div style="position:absolute; z-index:3; top:101; left:101">
<img src="cleaning_3_4.jpg" name="cleaning_3_4">
</div>

<script type="text/javascript">
document.cleaning_3_4_S.width = document.cleaning_3_4.width/201 * document.cleaning_3_4_S.width;
document.imgName.width ;
</script>
--------------------------------------

Does anyone know how to do this in netscape?
Thanks in advance!!:)

Khalid Ali

09-10-2003, 09:19 AM

var w = imgRef.width;
var h = imgRef.height

the above will give you width and height of the image

imgRef.width = w+10;
imgRef.height= h+10;

the above will increase the width and height of the image

cul8er23

09-10-2003, 01:51 PM

Thanks for you reply,
but it doesn't work.
I added some comments...
<html>
<head>
<script language="JavaScript">

c_3_4 = new Image();
c_3_4.src = "cleaning_3_4.jpg";
c_3_4_Width = c_3_4.width;
c_3_4_Height = c_3_4.height;

c_3_4_S = new Image();
c_3_4_S.src = "shaddow2.png";
c_3_4_S_Width = c_3_4_S.width;
c_3_4_S_Height = c_3_4_S.height;

</script>
</head>
<body>

<div style="position:absolute; z-index:3; top:101; left:101">
<img src="cleaning_3_4.jpg" name="cleaning_3_4">
</div>
<div style="position:absolute; z-index:2; top:100; left:100">
<img src="shaddow2.png" name="cleaning_3_4_S">
</div>

<script language="javascript">

</script>
</body>
</html>

I can't believe this is impossible ?!?