he hecho un futimé de cambios... a ver si logro explicarlo todo y no omitir nada.
Lo de las capas con los thumbnails que se recortan y desaparecen parcialmente;
Eso es por el script que estás usando que utiliza la propiedad clip para recortar las capas y que no se expandan visualmente por todo el documento. Quizás si usaras el script sobre una sola capa no te daría ese problema, pero parece que al manejar las dos capas en la misma página se confunde y acaba recortando la capa que no es.
Nunca he trabajado con clip sencillamente porque hay otra forma de lograr lo mismo y no hace tanto destrozo.
Basta con meter cada una de tus capas con los thumbnails dentro de otra capa respectivamente y darle a esa capa la propiedad de overflow:hidden.
Fíjate las dos primeras líneas como quedan ahora
<div id="fuera" style="position:absolute; width:105px; height:400px; z-index:1; overflow: hidden; top: 0;">
<div id="capa" class="imagenes" style="position:absolute">
aqui la ristra de fotos pequeñas
y la otra capa....
<div id="fuera2" style="position:absolute; width:150px; height:400px; z-index:2; overflow: hidden; left: 460; top: 0;">
<div id="capa2" class="imagenes2" style="position:absolute">
aquí la otra ristra de fotos.
OK, ahora debes modificar los estilos así
.imagenes{
position:absolute;
top:0;
left:0;
width:150;
height:400;
}
.imagenes2{
position:absolute;
top:0;
left:0;
width:150;
height:400;
z-index: 1;
text-align:right
}
Básicamente lo que he hecho ha sido sacar el color de fondo y añadir lo que puse en negritas.
Ahora te vas al archivo scriptfotos.js
Comenta las siguientes líneas (ya sabes, ponerles delante dos barras //)
línea 60:
if (ie)
{
document.all(id).style.height=400; //le doy altura a la capa
document.all(id).style.top=0; //situo la capa a 0 px de la parte superior de la pantalla
//document.all(id).style.clip="rect(0px,150px,400px, 0px)";
línea 72:
else if (n6)
{
document.getElementById(capaid).style.height=400;
document.getElementById(capaid).style.top=0;
//document.getElementById(capaid).style.clip="rect(0 px,150px,400px,0px)";
línea 91:
if ((y >= topcapa) && (donde==0))
{
activo=true;
valor=3;
paso+=valor;
document.all(id).style.height=(a+valor);
document.all(id).style.top=(y-valor);
//eval("document.all('" +id+ "').style.clip='rect("+paso+",150,"+(a+valor)+",0) '");
tiempo=setTimeout("recortar(0,'" + id + "')",1);
línea 100:
else if ((y <= 0) && (donde==1) && (activo==true))
{
valor=-3;
paso+=valor;
document.all(id).style.height=(a+valor);
document.all(id).style.top=(y-valor);
//eval("document.all('" +id+ "').style.clip='rect("+paso+",150,"+(a+valor)+",0) '");
tiempo=setTimeout("recortar(1,'" + id + "')",1);
línea 145:
if ((y >= topcapa) && (donde==0))
{
activo=true;
valor=5;
paso+=valor;
document.getElementById(capaid).style.height=(a+va lor);
document.getElementById(capaid).style.top=(y-valor);
//eval("document.getElementById['"+capaid+"'].style.clip='rect("+paso+",150,"+(a+valor)+",0)'") ;
tiempo=setTimeout("recortar(0)",1);
OK, ahora vamos a por la imagen central.
Ponla así
<div id="imagen" align="center" style="position:absolute; left:0; width: 609px; z-index: 0; border: 1px none #000000; height: 390px;">
<div align="center"><br>
<img src="../img/fotos/conciertos/busta.jpg" name="bustaimg" style="filter:blendTrans(duration=1)"><br>
<br>
</div>
</div>
Con este último cambio logramos un centrado automático de la imagen.
Le saqué el filtro a la capa de la imagen central porque de entrada no se veía nada. Si es así como lo quieres, pues se lo vuelves a poner.
Ahora lo que dices que a veces no se aplica el filtro.
El filtro sólo se aplica cuando está fuera de la transición.
Es decir, si una imagen está en transición con otra y pasas el mouse sobre una tercera imagen, la central cambia pero no se aplica el filtro porque aún no había terminado la transición.
Fíjate que si lo haces despacio y permites que terminen las transiciones el filtro funciona ok. Donde no funciona es si pasas rápido el mouse de un thumbnail a otro. Contra eso no puedes hacer nada, salvo hacer la transición usando alguna otra forma.
Respecto al tamaño de las imágenes.... comentas que quieres ver la forma de darles dimensionado. No te lo aconsejo, pues la redimensión no aligera el peso de la imagen y al dar click para ver la imagen en la pop-up la imagen se verá inmensa y queda mal.
Te sugiero redimensiones tus imágenes con algún editor de imágenes y que éstas se carguen siempre a su tamaño original.
Si no quisieras hacer esto último podríamos mirar de aplicar un script que hice el otro día para redimensionarlas. Eso sí, te quedarán igual de pesadas.
No sé si he omitido algo, cualquier cosa me dices
un saludo
