1º Conseguí un script que usa JavaScript, donde muestra en un select imagenes y cada vez que hacemos clic en una imagen se hace una vista provia arriba del select....
2º Tengo un script en php donde elimino las imagenes. Lo que hace este script es abrir un directorio, mostrar los nombres de las imagenes en un select. También hay un boton "borrar" para borrar la imagen seleccionada....
Bueno, mi problema es juntar los 2 scripts, es decir, tener el select que lee todas las imagenes del directorio y que se vayan previsualizando arriba del select y que este el boton borrar para eliminar la imagen seleccionada...
Ahora dejo los scripts:
Javascript:
Código HTML:
<img src="img/img0.JPG" width="128" height="96" border="0" name="Imagen"> <script> var _img = new Array(); _img[0] = new Image(); _img[0].src="img/img0.jpg"; _img[1] = new Image(); _img[1].src="img/img1.jpg"; _img[2] = new Image(); _img[2].src="img/img2.jpg"; _img[3] = new Image(); _img[3].src="img/img3.jpg"; function cambiarA(_obj) { if(!_obj)return; var _index = _obj.selectedIndex; if(!_index)return; var _item = _obj[_index].value; if(!_item)return; if(_item<0 || _item >=_img.length)return; document.images["Imagen"].src=_img[_item].src; } </script> <form method="get"> <select onchange="cambiarA(this)"> <option value="">Seleccionar Imagen</option> <option value="0">Imagen 1</option> <option value="1">Imagen 2</option> <option value="2">Imagen 3</option> <option value="3">Imagen 4</option> </select> </form>
Código PHP:
echo'<div align="center">
<p><img src="imagenes/logo.jpg"></p>
<p> </p>
<p> </p>
</div>
<a href="ver.php"><img src="imagenes/ver.jpg" border="0"></a>
<p> </p>
<p> </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>';