Foros del Web - Ver Mensaje Individual - ¿Como podría hacer que este mini album funcione?

mon · #1 (**permalink**) 06/01/2005, 02:21

Tengo un mini album en javascript rescatado de las faqs del mismo y estoy intentando adaptarlo para poder mezclarlo con php en el resultado de una consulta en la cual muestro unas miniaturas y un comentario para poder clickear sobre las miniaturas o sobre dos botones de alante y atras y ver la foto a tamaño natural en otra celda, en java funciona perfectamente y el código sería

Código PHP:

  <html> 
<head> 
<title>Untitled</title> 
<script> 
var foto=0; 
var maxFoto=4; //nº máximo de fotos 
 
function mostrar(num) { 
  foto+=num; 
  if(foto>maxFoto) foto=1; 
  if(foto<1) foto=maxFoto; 
  cambiar('imagen'+foto+'.jpg'); 
} 
function cambiar(im) { 
  imagen.src=im; 
} 
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"> 
<!-- 
a:link { 
    text-decoration: none; 
} 
a:visited { 
    text-decoration: none; 
} 
a:hover { 
    text-decoration: none; 
} 
a:active { 
    text-decoration: none; 
} 
--> 
</style></head> 
<body> 
<div style="text-align:center"> 
  <p> 
    <br /> 
    <br> 
</p> 
  <table width="100%"  cellspacing="0" cellpadding="0"> 
    <tr> 
      <td width="4%">&nbsp;</td> 
      <td width="4%">&nbsp;</td> 
      <td width="4%">&nbsp;</td> 
      <td width="4%">&nbsp;</td> 
      <td width="84%"><img src="imagen1.jpg" name="imagen"/></td> 
    </tr> 
    <tr> 
      <td><a href="#" onClick="cambiar('imagen1.jpg');return false"><img src="imagen1.jpg" width="50" height="50" border="0"></a></td> 
      <td><a href="#" onClick="cambiar('imagen2.jpg');return false"><img src="imagen2.jpg" width="50" height="50" border="0"></a></td> 
      <td><a href="#" onClick="cambiar('imagen3.jpg');return false"><img src="imagen3.jpg" width="50" height="50" border="0"></a></td> 
      <td><a href="#" onClick="cambiar('imagen4.jpg');return false"><img src="imagen4.jpg" width="50" height="50" border="0"></a></td> 
      <td>&nbsp;</td> 
    </tr> 
    <tr> 
      <td>&nbsp;</td> 
      <td><input type="button" value="-" onClick="mostrar(-1)" /></td> 
      <td><input type="button" value="+" onClick="mostrar(1)" /></td> 
      <td>&nbsp;</td> 
      <td>&nbsp;</td> 
    </tr> 
  </table> 
  <p>&nbsp;  </p> 
</div> 
</body> 
</html>

Yo lo estoy adapatando pero no consigo que funcione porque creo que el problema está a la hora de trabajar con las imagenes ya que son rescatadas de una base de datos y el formato ya no es foto.jpg el cual creo que está definido en la cabecera del script, entonces me gustaría que alguien que controle javascript y php me hechase un vistazo y me pudiera ayudar con esto ya que es casi lo que me falta para terminar el proyecto, el código que estoy usando es

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>::.. INFORMACI&Oacute;N INMUEBLE ..::</title> 
<script> 
var foto=0; 
var maxFoto=4; //nº máximo de fotos 
 
function mostrar(num) { 
  foto+=num; 
  if(foto>maxFoto) foto=1; 
  if(foto<1) foto=maxFoto; 
  cambiar('imagen'+foto+'.jpg'); 
} 
function cambiar(im) { 
  imagen.src=im; 
} 
</script> 
<style type="text/css"> 
<!-- 
.botones {    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 9pt; 
    color: #FFFFFF; 
    background-color: #4388EF; 
    font-weight: bold; 
    border: 1 #003366; 
 
} 
body,td,th { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 
    color: #000000; 
} 
body { 
    background-image: url(/Images/fondo2.gif); 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
} 
 
--> 
</style> 
</head> 
 
<body background-image: url(/Images/fondo2.gif)> 
 
 
 
<form name="formular" action="./modulos/33201meinteresa2005.php" method="post"> 
<? 
include("includes/conectobd.php"); 
if ($iden!="")  
{  
    $sql = "SELECT * FROM pisos_venta WHERE ID=$iden" ;  
}  
 
$consulta = mysql_query($sql) or die ("No se pudo ejecutar la consulta");  
$registro=mysql_fetch_assoc($consulta);  
echo "<table width=630 bgcolor=#A6D9FF align=center border=1 id=tabla>";  //TABLA PRINCIPAL DE REF. FECH DESCR. Y FOTOS 
        echo "<tr>"; 
        echo "<td>"; 
?>         
        <table width="630" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td width="326" valign="top"><table  cellspacing="0" cellpadding="0"> 
      <tr> 
        <td width="61"><img src="../Images/logotipo3/logotipo_01.gif" width="178" height="27"></td> 
        <td width="83"><div align="left"><img src="../Images/logotipo3/logotipo_02.gif" width="199" height="27"></div></td> 
      </tr> 
      <tr> 
        <td><img src="../Images/logotipo3/logotipo_03.gif" width="178" height="31"></td> 
        <td><img src="../Images/logotipo3/logotipo_04.gif" width="199" height="31"></td> 
      </tr> 
    </table></td> 
    <td width="304"><div align="center">I<span class="Estilo2">nmobiliaria Los Campinos<BR> 
        Plaza de Bego&ntilde;a, 1 - Bajo (Los Patos) <BR> 
        Tel&eacute;fono y Fax. 985357716<BR> 
    33201 Gij&oacute;n - Principado de Asturias</span></div></td> 
  </tr> 
</table> 
<?         
        echo"</td>"; 
        echo "</tr>"; 
         echo "<td><table border=0><td>Ref.".$registro['referencia']."</td>"; 
?>         
           <input type="hidden" name="referencia" value="<? echo $registro['referencia']?>">  
              <?    
            //echo "<tr>";  
        //echo "<tr>";  
        $fecha=$registro['fecha']; 
           $var = explode('-',$fecha); 
       echo "<td width=500 align=right>".$var[2]."-".$var[1]."-".$var[0]."</td></tr>"; 
        ?> 
                   <input type="hidden" name="fecha" value="<? echo" ".$var[2]."-".$var[1]."-".$var[0]."" ?>">  
       <?        
                echo "</table>";  
        echo "</td>";  
    echo  "<tr>"; 
    echo "<td><table width=620 border=0>"; 
    echo "<tr>"; 
    echo"<td valign=top>".($registro["descripcion"])."</td>";  
      //LA SIGUIENTE SERÍA LA IMAGEN QUE QUIERO QUE POR DEFECTO  //SALGA LA PRIMERA SIN HACER NADA 
?>     
     <td><img src="<? echo $registro['imagen1']?>" name="imagen"/> </td> 
<?      
     echo"</tr>"; 
     echo "</table>"; 
     echo "</td>"; 
     echo "</tr>"; 
    echo "<tr>"; 
     
       ?> 
<input type="hidden" name="descripcion" value="<? echo $registro['descripcion']?>">   
       <? 
        
    echo "<td><table>"; //LAS SIGUIENTES SON LAS MINIATURAS CON SUS //ENLACES     
  ?>     
   <td><a href="#" onClick="cambiar('<? echo $registro['imagen1']?>');return false"><img src="mini.php?imagen=<? echo $registro['imagen1']?>&tam=55x55" border="0" /></a></td> 
   <td> <a href="#" onClick="cambiar('<? echo $registro['imagen2']?>');return false"><img src="mini.php?imagen=<? echo $registro['imagen2']?>&tam=55x55" border="0"/></a></td>  
    <td><a href="#" onClick="cambiar('<? echo $registro['imagen3']?>');return false"><img src="mini.php?imagen=<? echo $registro['imagen3']?>&tam=55x55" border="0"/></a></td> 
    <td><a href="#" onClick="cambiar('<? echo $registro['imagen4']?>');return false"><img src="mini.php?imagen=<? echo $registro['imagen4']?>&tam=55x55" border="0"/></a></td></table>  
   <div align="right"><input name="B1" type="button" class="botones" style="border: 1px solid #000080" onclick="this.form.submit()" value="Me Interesa" /> 
   </tr> 
 
       <tr><td> 
      
     
      
      
<input type="button" value="-" onClick="mostrar(-1)" /> 
      <input type="button" value="+" onClick="mostrar(1)" /> 
     
       </div></tr> 
</form> 
 
</body> 
</html>

Todo funciona bien, las miniaturas se ven, la imagen grande que quiero que se vea por defecto también, pero al clickear sobre las miniaturas no hace nada
Ya sé que probablemente será un rollo pero si hay alguien que me ayude o se le ocurra otra forma de hacerlo se lo agradecería muchísimo una vez más, una imagen de lo que intento hacer se puede ver aquí