Código para cambiar fotos cada cierto tiempo

frmfernando · #1 (**permalink**) 10/09/2009, 04:16

Hola buenos días.

Encontré un código lo he probado en una página en blanco y me funciona, pero en el momento de adaptarlo a la página que estoy creando no me funciona.

Aqui les dejo el código

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Documento sin t&iacute;tulo</title>

 
<link href="dolors.css" rel="stylesheet" type="text/css">

<style type="text/css">

<!--

.Estilo2 {color: #FFFFFF}

-->

</style>

 
<script language="javascript">

step=0;

function autoImgFlip() {

if (step < 4) {step++;}

else {step=0;}

if (step==0)

{a.src="imagenes/foto01.png";}

if (step==1)

{a.src="imagenes/foto02.png";}

setTimeout("autoImgFlip()", 3000);

if (step==2)

{a.src="imagenes/foto03.png";}

if (step==3)

{a.src="imagenes/foto04.png";}

}

 
</script>

 
 
</head>

 
 
<body class="dolors" onLoad="autoImgFlip();">

 
<div align="center">

  <table width="950" border="0" cellpadding="0" cellspacing="0">

    <!--DWLayoutTable-->

    <tr>

      <td width="700" height="60" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

          <!--DWLayoutTable-->

          <tr>

            <td width="192" height="60" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

            <td width="508">&nbsp;</td>

          </tr>

      </table></td>

    <td width="250" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

        <!--DWLayoutTable-->

        <tr>

          <td width="240" height="60" align="right" valign="middle">| Catalan | Catellano | Frances | Ingles | </td>

        <td width="10" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>

        </tr>

    </table></td>

    </tr>

    <tr>

      <td height="1" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

          <!--DWLayoutTable-->

          <tr>

            <td width="950" height="1"></td>

          </tr>

      </table></td>

    </tr>

    <tr>

      <td height="30" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666">

          <!--DWLayoutTable-->

          <tr>

            <td width="130" height="30" align="center" valign="middle" class="Estilo2">CONTABILIDAD</td>

          <td width="180" align="center" valign="middle"><span class="Estilo2">GESTI&Oacute;N TRIBUTARIA</span> </td>

          <td width="130" align="center" valign="middle" class="Estilo2">CONSULTOR&Iacute;A</td>

          <td width="200" align="center" valign="middle" class="Estilo2">RECUPERACI&Oacute;N DEL IVA </td>

          <td width="140" align="center" valign="middle" class="Estilo2">NO RESIDENTES </td>

          <td width="30">&nbsp;</td>

          <td width="140" align="center" valign="middle" class="Estilo2">QUIENES SOMOS </td>

          </tr>

      </table></td>

    </tr>

    <tr>

      <td height="1" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

          <!--DWLayoutTable-->

          <tr>

            <td width="950" height="1"></td>

          </tr>

      </table></td>

    </tr>

    <tr>

      <td height="160" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000000">

          <!--DWLayoutTable-->

          <tr>

            <td width="700" height="160">&nbsp;</td>

          </tr>

      </table></td>

      <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#666666">

          <!--DWLayoutTable-->

          <tr>

            <td width=250 height=160 align="right" valign="top"><img src="imagenes/foto01.png" id="a" width="250" height="160"></td>

          </tr>

      </table></td>

    </tr>

    <tr>

      <td height="1"></td>

      <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">

          <!--DWLayoutTable-->

          <tr>

            <td width="250" height="1"></td>

          </tr>

      </table></td>

    </tr>

  </table>

</div>

</body>

</html>

Se carga la foto01.png pero a partir de hay no me hace nada más, no se cambian las fotos.

Algún experto que me pueda decir donde tengo el fallo?

Muy amables y muchas gracias.

America|UNK · #2 (**permalink**) 10/09/2009, 07:32

Código javascript:

Ver originalstep=1;
function autoImgFlip() {
step++
if(step > 4){ step = 0}
setTimeout("autoImgFlip()", 3000);
document.getElementById("a").src="imagenes/foto0"+step+".png";
}

frmfernando · #3 (**permalink**) 15/09/2009, 02:02

Muchas gracias por la respuesta America UNK.

Un saludo

Juancarlos22 · #4 (**permalink**) 08/12/2009, 16:23

Mi hermano:

Sabes como hacer u rotador de fotos don el visitante haga click para ver las fotos.

Gracias de ante mano por tu respuesta

zerokilled · #5 (**permalink**) 08/12/2009, 18:48

@Juancarlos22, http://www.dynamicdrive.com/dynamici...dhtmlslide.htm