La modificacion me trajo problemas jeje, en la linea roja que marque no se que colocar, les cuento a diferencia de la que me paso panino5001 yo tomo las imagenes desde una carpeta mediante un id que viene por GET hasta aca todo bien el tema que no se como cargar la imagen, evidentemente no se como llar a la imagen mediante javascript
Cualquier ayuda o sugerencia es bienvenida
Gracias
Código PHP:
<?php
/////////////////////////////////////////////////////////////////////////
$miarr="";
$cantidad="";
if ($gestor = opendir('../fotos_grandes/')) { //abrir archivo
while ($archivo = readdir($gestor)) { //leer archivo
if ($archivo != "." && $archivo != "..") { //verificar que no es un directorio
$archivos[] = $archivo; //guardar en una array
}
}
closedir($gestor); //cerrar directorio
}
if($archivos!=""){
sort($archivos); //acomodar resultados
}
for ($i=0;$i<count($archivos);$i++){ //leer resultados
$extension = explode('.',$archivos[$i]);//leer extencion
$extt= ".{$extension[1]}";
if ($extt==".jpg"){//verificar que sean jpg
//$numero=$_GET['id']; //aca va el id de la foto
$numero=58;//esto es solo para probar
$imagen=$archivos[$i];
$dato=explode("_",$imagen);//exploro el archivo
$id_solo=$dato[0];//tomo el primer dato
if($id_solo==$numero){ //comparo cuando son iguales
$cantidad++;
$miarr="'".$archivos[$i]."'";
$miarr.='';
}
}
}
$miarr.=",";
//////////////////////////////////////////////////////////////////////////
?>
<html>
<head>
<title>Galería de Imagenes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilos.css" rel="stylesheet" type="text/css">
<script>
function precarga(){
var fotos=new Array(<?php echo $miarr; ?>);
for(i=0;i<fotos.length;i++){
var directorio="../fotos_grandes/";
eval("imagen"+i+"=new Image();");
eval("imagen"+i+".src=" + "\"" +directorio+fotos[i]+"\";");
}
}
</script>
<script>
var indice=0;
function cambia(){
indice--;
var iden2;
if (document.layers) iden2 = eval("document.images['cama']");
if (document.all) iden2 = eval("document.images['cama']");
if (document.getElementById) iden2 = eval('document.getElementById("cama")');
var miarray=new Array(<?php echo $miarr; ?>);
if (indice < 0) indice = miarray.length - 1;
var directorio="../fotos_grandes/";
iden2.src=directorio+miarray[indice];
document.pepe.leyenda.value = (indice+1) + " de " + miarray.length;
}
</script>
<script>
function cambia2(){
indice++;
var iden2;
if (document.layers) iden2 = eval("document.images['cama']");
if (document.all) iden2 = eval("document.images['cama']");
if (document.getElementById) iden2 = eval('document.getElementById("cama")');
var miarray=new Array(<?php echo $miarr; ?>);
if (indice > miarray.length-1) indice = 0;
var directorio="../fotos_grandes";
iden2.src=directorio+miarray[indice];
document.pepe.leyenda.value = (indice+1) + " de " + miarray.length;
}
</script>
</head>
<body bgcolor="#FF9900" leftmargin="0" topmargin="0" onLoad="precarga()">
<table border="0" width="450" height="300"align="center" cellpadding="0" cellspacing="0" background="images/Popup.jpg">
<tr>
<td align="left" valign="top"><img src="images/vacio.gif" width="30" height="60"></td>
<td valign="top"><img src="images/vacio.gif" width="330" height="60"></td>
<td align="right" valign="top"><img src="images/vacio.gif" width="20" height="60"></td>
<td valign="top"><img src="images/vacio.gif" width="55" height="60"></td>
<td align="right" valign="top"><img src="images/vacio.gif" width="10" height="60"></td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/vacio.gif" width="30" height="210"></td>
<td valign="middle" align="center"><img src="
¿Que es lo que va aca?" id='cama' name='cama'></td>
<td align="right" valign="top"> </td>
<td width="55" align="center" valign="top"><form name="pepe">
<table align="center"><tr><td colspan='2' align="center">
<input name="leyenda" type="text" id="leyenda" style="border-with:thin;border-style:solid;border-color:#cccccc;background-color:#FFFFFF;text-align:center;font-size:10px;color:#333333;font-family:Arial, Helvetica, sans-serif;" value="1 de <?php echo $cantidad; ?>" size="9">
</td></tr
><tr>
<td align="left"> <a href="javascript
:cambia()"><img src="images/retroceder.gif" width="15" height="15" border="0"></a></td>
<td align="right"><a href="javascript
:cambia2()"><img src="images/avanzar.gif" width="15" height="15" border="0"></a></td>
</tr></table>
</form></td>
<td align="right" valign="top"> </td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/vacio.gif" width="20" height="30"></td>
<td valign="top"> </td>
<td align="right" valign="top"> </td>
<td valign="top"> </td>
<td align="right" valign="top"> </td>
</tr>
</table>
</body>
</html>