Cita:
Iniciado por fmiguelcapel 
Hola, buenas tardes, resulta que estoy diseñando una página web en que en la página de inicio le puse un script en el body para hacer pasar una serie de imagenes; pero resulta que estas imágenes las quisiera fundir con el fondo del body, es decir, que pareciera que al pasar esas imágenes por medio del script, pareciera que fueran parte del fondo. Lo he intentado conseguir con photoshop utilizando transparencia, opacidad y por mucho que lo intente durante dias no lo consigo, asi que si alguien me pudiera ayudar, se lo agradeceria mucho...
Saludos...
Ostra, yo busco precisamente lo que tienes.
No sé apenas hacer un script....y necesito poner en la home un fondo que con un fundido vaya cambiando las imágenes..
¿sabes si hay por la red algun script por el estilo?
He probado con este pero no me rula...
<!DOCTYPE html>
<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”es” lang=”es”>
<head>
<title>:: BG IMG BIG FADE ::</title>
<meta http-equiv=”Content-Type” Content=”text/html; charset=ISO-8859-1″>
<meta name=”copyright” content=”Copyright © 2011 ScriptShow, All Rights Reserved”>
<meta name=”author” content=”ScriptShow Web http://scriptshow.wordpress.com“>
<meta http-equiv=”imagetoolbar” content=”no”>
<style type=”text/css”>
body {
background:#000000;
}
#bgimg {
position:absolute;
position:fixed;
width:100%;
left:0px;
top:0px;
filter:alpha(Opacity=0);
-khtml-opacity:0;
-moz-opacity:0;
opacity:0;
z-index:1;
}
</style>
<script type=”text/javascript”>
// ===================================
// ScriptShow Web © 2000 – 2011
// http://scriptshow.wordpress.com
// ===================================
var imgnames=new Array(‘imgs/img_01.jpg’,'imgs/img_02.jpg’,'imgs/img_03.jpg’,'imgs/img_04.jpg’,'imgs/img_05.jpg’,'imgs/img_06.jpg’,'imgs/img_07.jpg’,'imgs/img_08.jpg’);
var c=0;
function slidebg(){
obj.src=imgnames[c];
if(c < imgnames.length-1){c++}
else
if(c == imgnames.length-1){c=0}
setTimeout(“fadeimg(0)”, 8000);
fadeimg(1);
}
function init(){
obj=document.all?document.all(“bgimg”):document.ge tElementById(“bgimg”);
slidebg();
}
var fade=0;
var opac=0;
var goIn=null;
function fadeimg(fade){
if(document.all)obj.filters.alpha.Opacity=opac;
if(!document.all)obj.style.MozOpacity=(opac/100)-0.001;
if(!document.all)obj.style.KHTMLOpacity=(opac/100)-0.001;
if(!document.all)obj.style.opacity=(opac/100)-0.001;
if(fade==1 && opac < 100){opac=opac+2} else{clearTimeout(goIn)}
if(fade==0 && opac > 000){opac=opac-2} else{clearTimeout(goIn)}
if(fade==0 && opac < 002){init()}
goIn=setTimeout(“fadeimg(‘”+fade+”‘)”, 10);
}
</script>
</head>
<body>
<img id=”bgimg” name=”bgimg” src=”imgs/img_01.jpg” border=”0″ alt=”" title=”" />
<script>
init();
</script>
</body>
</html>