Bueno.... supongo que yá sabes que algunas imágenes son tan grandes que ocultan los thumbnails y automáticamente se pierde el contacto con alguno y se crea automáticamente un estado de mouseout.
La solución más sencilla habría sido meter la capa a posición left 0 y un width del 100% y dentro una tabla con una sola celda con alineación vertical y horizontal centrada y ahí la imagen. Eso habría centrado automáticamente las imágenes
Pero para eso habría que haber contemplado los z-index etc desde un principio.
Lo que hice entonces es simplemente tomar tu propia idea de que la capa se centre automáticamente, pero no hace falta que modifiques la función que estás usando, vamos a usar un funcioncilla nueva de una forma muy sencilla, verás.
Agrega esta función a tu script
function centra(ancho)
{
anchDoc = screen.availWidth
document.getElementById('bustaimg').style.left = (anchDoc-ancho)/2
}
Y luego a la imagen bustaimg le pones esto
<img src="../img/fotos/conciertos/busta.jpg" name="bustaimg" style="filter:blendTrans(duration=1)"
onload="centra(this.width)">
Y listos.
Pruebas y me dices si te sirve?
----------------------------------
....unos minutillos más tarde.... -------------------------------------------------------
leches, no me acordaba que va en un iframe, así que el screen.availWidth dará posición inexacta....
¿Cuál era la propiedad para averiguar el tamaño de una ventana?? ¿alguien se acuerda?? (para NS es innerWidth, pero no encuentro el truco para el exploter
)
---------------------------------------------
... otros cuantos minutillos más tarde.... --------------------------------------
Vale, a ver si te furula así
function centra(ancho)
{
if(navigator.appName == "Netscape")
{anchDoc = window.innerWidth}
else{anchDoc = parent.document.all.
nombreDeIframe.width}
document.getElementById('Layer1').style.left = (anchDoc-ancho)/2
}
cambia nombreDelIframe por el nombre de tu iframe.
El resto igual