Convert ALT to Caption

[Roy Reed]

I found a script that converts image alt text to a caption which I've tried
to modify for my needs:

function addCaption(imgE lem) {
var captionElem = document.create Element("div");
captionElem.cla ssName = "caption";
var captionText = document.create TextNode(imgEle m.alt);
captionElem.app endChild(captio nText);
if(imgElem.next Sibling)
imgElem.parentN ode.insertBefor e(captionElem,i mgElem.nextSibl ing);
else
imgElem.parentN ode.appendChild (captionElem);
with(imgElem.st yle) {
captionElem.sty le.width =
(imgElem.width+ borderLeftWidth +borderRightWid th+paddingLeft+ paddingRight)+" px";
}
return true;
}

<img src="forest.jpg " width="515" height="183" alt="Strathyre Forest at
Dawn - the forest is bathed in golden light and mist rises from between the
trees - &copy; Roy Reed, 1987" onload="javascr ipt:addCaption( this)">

This works as I want if no border or padding is added to the image, but not
if they are. In IE6 the padding is added to the width of the created div,
but not the border width. In Firefox nothing is added.
Can anyone tell me how this should be coded.

Live example (with attribution to original code) at
www.reeddesign.co.uk/autocaption/

Thanks

Roy Reed

[marss]

Roy Reed напи�ав:

with(imgElem.st yle) {
captionElem.sty le.width =
(imgElem.width+ borderLeftWidth +borderRightWid th+paddingLeft+ paddingRight)+" px";
}

You add string values.

<img width="500px"st yle="padding: 5 5 5 5">
In this case instead of "510px" you will get "500px5px5p xpx"
Use parseInt or parseFloat before summation.

[Roy Reed]

"marss" <ma***@ukr.netw rote in message
news:11******** **************@ i3g2000cwc.goog legroups.com...

Roy Reed ???????:

> with(imgElem.st yle) {
captionElem.sty le.width =
(imgElem.width +borderLeftWidt h+borderRightWi dth+paddingLeft +paddingRight)+ "px";
}

>You add string values.

<img width="500px"st yle="padding: 5 5 5 5">
In this case instead of "510px" you will get "500px5px5p xpx"
Use parseInt or parseFloat before summation.

Is this what you meant?

with(imgElem.st yle) {
captionElem.sty le.width = parseFloat(imgE lem.width+borde rLeftWidth+
borderRightWidt h+paddingLeft+p addingRight)+"p x";
}

It gives exactly the same result.

Thanks for trying to help with this. I'm not a JavaScript expert.

Roy

[marss]

Roy Reed напи�ав:

Is this what you meant?

with(imgElem.st yle) {
captionElem.sty le.width = parseFloat(imgE lem.width+borde rLeftWidth+
borderRightWidt h+paddingLeft+p addingRight)+"p x";
}

No. I mean something like this
with(imgElem.st yle) {
captionElem.sty le.width =
(parseFloat(img Elem.width)+par seFloat(borderL eftWidth)+

parseFloat(bord erRightWidth)+p arseFloat(paddi ngLeft)+parseFl oat(paddingRigh t))+"px";
}