Buenas,
pues acá tá. Ponlo a continuación de:
<div id="banner" style="position:relative; width:304px; height:57px; z-index:1; visibility: hidden"><img src="nombredetuimagen.jpg"></div>
(
Importante no lo pongas en head, ponlo donde te digo o al menos en body)
<script language="javascript">
var anchoImagen=168
var altoImagen=153
function posicion()
{
if(navigator.appName=="Microsoft Internet Explorer")
{
var anchoventana=document.body.clientWidth;
var altoventana=document.body.clientHeight;
var scrollarriba=document.body.scrollTop;
var scrollizquierda=document.body.scrollLeft;
}
if(navigator.appName=="Netscape")
{
var anchoventana=window.innerWidth;
var altoventana=window.innerHeight;
var scrollarriba=window.pageYOffset;
var scrollizquierda=window.pageXOffset;
}
var posizquierda=anchoventana-anchoImagen-30;
var posarriba=0+scrollarriba;
document.getElementById('banner').style.top=posarr iba;
document.getElementById('banner').style.left=posiz quierda;
pepe=window.setTimeout('posicion()',100)
}
posicion()
</script>
Donde dice:
var anchoImagen=168
var altoImagen=153
has de cambiar los valores por el alto y ancho de tu imagen.
Lo he probado con el Notescapes 6.2 y el Exploter 5.0 y funciona bien. En inferiores del Netscape y superiores de Explorer no lo he probado.
Cuentame que tal te fue ok??
Saludos
