Visualizar imagen...

[gesking]

Hola gente, tengo este código PHP donde lee un directorio, me muestra los nombres de las imágenes en un select y presionando el boton "borrar" me elimina la imagen seleccionada.

Lo que me gustarría es poder visualizar la imagen que selecciono (abajo del select)...

Este es mi script:

Código PHP:

  echo'<div align="center"> 
  <p><img src="imagenes/logo.jpg"></p> 
  <p>&nbsp;</p> 
  <p>&nbsp;</p> 
</div> 
<a href="ver.php"><img src="imagenes/ver.jpg" border="0"></a> 
<p>&nbsp;</p> 
  <p>&nbsp;</p> 
'; 
include("config.php"); 
if(admin()){ 
if($borrar) { 
unlink("$archivo") ; 
echo "El archivo <b>$archivo</b> ha sido borrado satisfactoriamente.<br><br><br><br>"; 
} 
 
echo ' 
<form method="post" action="eliminar.php" enctype="multipart/form-data"> 
<select name="archivo" class="form">'; 
 
$path = "."; 
$dir = opendir($path); 
while ($elemento = readdir($dir)) 
{ 
$element = strtolower($elemento); 
if ($element != '.' && $element != '..' && strpos($element, '.php') === false) { 
echo "<option value='$elemento'>$elemento</option>"; 
} 
} 
closedir($dir);  
echo ' 
</select> 
<br><br> 
<input name="borrar" type="submit" class="form" id="borrar" value="Borrar"> 
</form><br><br><a href="admin.php">Volver</a>'; 
} else { 
echo"Esta seccion es solo para administradores !"; 
} 
 echo '<style type="text/css"> 
<!-- 
body,td,th { 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 12px; 
} 
a { 
    font-size: 24px; 
    color: #006600; 
} 
a:link { 
    text-decoration: none; 
} 
a:visited { 
    text-decoration: none; 
    color: #006600; 
} 
a:hover { 
    text-decoration: underline; 
    color: #00CC00; 
} 
a:active { 
    text-decoration: none; 
    color: #006600; 
} 
--> 
</style>';  
   

Espero que me puedan ayudar. Gracias....

[gesking]

Intenté ponerle un 'iframe' a la derecha y que las imágenes se visualicen allí pero no funciona.

Alguien por favor que me ayude!!!!

Gracias

[okram]

Código HTML:

<!--Pon a tu select un atributo id="archivo"-->
<select name="archivo" id="archivo" class="form"> 

Código HTML:

<!-- Coloca este script donde deseas que se cargue la imagen -->
<script type="text/javascript">
function abrir_imagen(obj) {
    document.getElementById('imagen_grande').src = obj.value;
}
</script>
<img src="" id="imagen_grande">
<script type="text/javascript">
    abrir_imagen(document.getElementById('archivo'));
</script> 

Un saludo,

[gesking]

gracias me funciona! pero... como hago para que se actualice?? Porque en el select como tengo varias imagenes me muestra la primera, hago clic en otra y no cambia, tengo que apretar F5 para poder verla...

Gracias

[okram]

cierto, perdon, me falto indicarte algo... En el select debes agregar un atributo mas: onChange:

Código HTML:

<!--Pon a tu select un atributo id="archivo"-->
<select name="archivo" id="archivo" class="form" onChange="abrir_imagen(this)"> 

Un saludo,

[gesking]

Jejejejeje gracias!!!