ver una imagen determinada en un visualizador de imagenes

edward_bukowski_1980 · #1 (**permalink**) 15/10/2012, 13:15

Hola, espero que esten bien.
Mi problema es el siguiente, como puedo visualizar una imagen determinada que esta almacenada en un campo imagen, en un visualizador.
De esta forma no me sirve:

Código:

  <img src="imagenes/Crysis 2.jpg"  name="show" width="712" height="651">

Porque siempre visualizo, la misma imagen al acceder al visualizador, necesito vizualizar al principio la imagen que tiene el registro en el campo imagen.

rodrigo791 · #2 (**permalink**) 15/10/2012, 14:50

¿Podrías empezar por explicar un poco mas?
entiendo que con esa línea la única imágen que mostras es Crysis 2.jpg.

No se que será un visualizador, pero veo que decis "campo imagen" por lo que se me viene a la cabeza que estás usando un campo en una tabla dentro de una BD, en el cual supongo que almacenas la ruta de la imagen.

Si lo que queres es ir mostrando todas las imagenes de tu tabla, primero vas a tener que recorrer toda la tabla, usando un while, y dentro de éste con la funcion ECHO vas mostrando la imágen
asumiendo que usas mysql

Código PHP:

Ver originalwhile($fila = mysql_fetch_assoc($resultado)){
echo  "<img src=imagenes/".$fila['imagen']." name='show' width='712' height='651'><br />";
}

edward_bukowski_1980 · #3 (**permalink**) 15/10/2012, 15:27

Amigo gracias por responderme, te explico mas detalladamente.
Tengo, una base de datos, en donde tengo un campo imagen, yo en ese campo almaceno un archivo jpg de imagen en el campo como dato, tengo los archivos php, html, css y etc todos bien, elimino, agrego y etc.
Tengo este archivo de listar:

Código:

<?php 
require ("funciones.php");
$idc = conectar();
$sql = "select * from musica_rock order by album";

$res = ejecutar ($sql, $idc);






?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema</title>
<link href="formato1.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form action="agregar_rock.html" method="post" id="agregar" name="agregar" >
<form action="buscar_rock.html" method="post" id="buscar" name="buscar" >

<table width="1019" height="79" align="center"  class="color1" id="Listar">
<caption>
<br />
<br />
LISTADO DE CD DE MÚSICA<br />
<br /><br /><br />
<br /> <input type="submit"  formaction="agregar_rock.html"  name="agregar" id="agregar" value="Agregar" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit"  formaction="buscar_rock.html" name="buscar" id="buscar" value="Buscar" /><br /><br /><br /><br /> </caption>
  <tr>
    <th width="58" align="center">Id</th>
    <th width="207" align="center">Album</th>
    <th width="172" align="center">Artista</th>
    <th width="109" align="center">Canciones</th>
   
    <th width="275" align="center">Generos</th>
    <th width="58" align="center">Año</th>
    <th width="80" align="center">Imagen</th> 
   
  </tr>


 
  <?php 
  $total = totalRegistros($res);
  for ($i=0; $i<$total; $i++) {
	  $fila = getRegistro($res);
  ?>
   <tr>
   <td align="center"><?php echo $fila['id']; ?></td>
    <td align="center"><a href="modificar_rock.php?id=<?php echo $fila['id']; ?>"><?php echo $fila['album']; ?> </a></td>
    
    <td align="center"><?php echo $fila['artista']; ?></td>
   <td align="center"><?php echo $fila['canciones']; ?></td>
  
   <td align="center"><?php echo $fila['generos']; ?>
  
   </td>
   <td align="center"><?php echo $fila['ano']; ?></td>
   
   
   
   <td width="80"><a href="visualizador_imagenes3.php?id=<?php echo $fila['id']; ?>"><?php echo "<img src='imagenes/" .$fila['imagen']. "' height='80'/>"; ?></a> </td>
<td width="26" align="center" > <a href="eliminar_rock.php?id=<?php echo $fila['id']; ?>"><img src="imagenes/eliminar.png" width="16" height="16" border = "0"/></a> </td> 
  </tr> 
  <?php } ?>
 
</table>
</body>
</html>
<?php 
cerrar ($idc);
?>

Fijate casi al final, voy a otro archivo llamado visualizador_imagenes3.php, cuando le doy click a la imagen, que me aparece en el archivo listar_rock.php.
En visualizador_imagenes3.php tengo esto:

Código:

<SCRIPT LANGUAGE="JavaScript">
 var rotate_delay = 5000;
 current = 0;
 function next() {
 if (document.slideform.slide[current+1]) {
 document.images.show.src = document.slideform.slide[current+1].value;
 document.slideform.slide.selectedIndex = ++current;
    }
 else first();
 }
 function previous() {
 if (current-1 >= 0) {
 document.images.show.src = document.slideform.slide[current-1].value;
 document.slideform.slide.selectedIndex = --current;
    }
 else last();
 }
 function first() {
 current = 0;
 document.images.show.src = document.slideform.slide[0].value;
 document.slideform.slide.selectedIndex = 0;
 }
 function last() {
 current = document.slideform.slide.length-1;
 document.images.show.src = document.slideform.slide[current].value;
 document.slideform.slide.selectedIndex = current;
 }
 function ap(text) {
 document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
 rotate();
 }
 function change() {
 current = document.slideform.slide.selectedIndex;
 document.images.show.src = document.slideform.slide[current].value;
 }
 function rotate() {
 if (document.slideform.slidebutton.value == "Stop") {
 current = (current == document.slideform.slide.length-1) ? 0 : current+1;
 document.images.show.src = document.slideform.slide[current].value;
 document.slideform.slide.selectedIndex = current;
 window.setTimeout("rotate()", rotate_delay);
    }
 }
 
 </script>

<?php 
$fila['imagen'] = isset($_POST['imagen'])? $_POST['imagen']: ''; 







?>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>

<body>

<form name=slideform>
 <table width="671" height="698" cellpadding=4 cellspacing=1 bgcolor="#000000" align="center">
 <tr>
 <td align=center bgcolor="white">
 <b>Image Slideshow</b>
 </td>
 </tr>
 <tr>
 <td align=center bgcolor="white" width=537 height=150>
 
 ?>
 </td>
 </tr>
 <tr>
 <td align=center bgcolor="#C0C0C0">
 
 
 <img src="imagenes/MM-AS.jpg"  name="show" width="712" height="651"> 
 </td>
 </tr>
 <tr>
 <td align=center bgcolor="#C0C0C0">
 <select name="slide" size="1" onChange="change();">
 <option value="imagenes/MM-AS.jpg" selected>First picture's legend
 <option value="imagenes/Crysis2.jpg">Second picture's legend
 <option value="my_picture3.jpg">Third picture's legend
 <option value="my_picture4.jpg">Fourth picture's legend
          
 

 </select>
 
 </td>
 </tr>
 <tr>
 <td align=center bgcolor="#C0C0C0">
 <input type=button onClick="first();" value="|<<" title="Beginning">
 <input type=button onClick="previous();" value="<<" title="Previous">
 <input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
 <input type=button onClick="next();" value=">>" title="Next">
 <input type=button onClick="last();" value=">>|" title="End">
 </td>
 </tr>
 </table>
</form>



</body>
</html>

Fijate antes del select, en img src, tengo MM-AS.jpg, esa es la imagen que me aparece siempre aunque le de click en el listar_rock.php, a la imagen del registro almacenado en la base de datos.
Lo que quiero es dar click a la imagen y que en el visualizador aparesca la imagen correcta, ejemplo: Crysis2.jpg
Si no entiendes algo preguntame por favor y comenzamos a hablar.
Gracias y saludos. Por favor ayudame.