Hola a todos!
He podido finalmente conseguir un codigo js para mi slide. Pero ahora tengo otro problema. Las imagenes del slide que se cargan dentro de un div tienen altura y anchura diferente. Manteniendo sus dimensiones quiero que se alineen horizontalmente al lado derecho y se alineen verticalmente en el centro, tal y como aparece en la web:
www.mmdm.es
tengo que crear un css para cada foto?
a continuación os paso el codigo.
js para slide:
//<![CDATA[
/*
Image Cross Fade Redux
[email protected]
http://slayeroffice.com/code/imageCrossFade/xfade2.html
*/
window.addEventListener?window.addEventListener("l oad",so_init,false):window.attachEvent("onload",so _init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
function so_init() {
if(!d.getElementById || !d.createElement)return;
imgs = d.getElementById("contenido").getElementsByTagName ("img");
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = "block";
imgs[0].xOpacity = .99;
setTimeout(so_xfade,2000);
}
function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = "block";
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = "none";
current = nIndex;
setTimeout(so_xfade,2000);
} else {
setTimeout(so_xfade,70);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}
}
//]]>
el div en html:
<div id="contenido">
<img src="swf/imagenes/01.jpg" />
<img src="swf/imagenes/02.jpg" />
<img src="swf/imagenes/03.jpg" />
<img src="swf/imagenes/04.jpg" />
...
</div>
css:
#contenido {
height: 400px;
width: 750px;
position: absolute;
left: 200px;
top: 80px;
}
#contenido img {
display:none;
position: absolute;
right: 0px;
}
HELP HELP;))