Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/03/2012, 16:41
Avatar de mazaku
mazaku
 
Fecha de Ingreso: septiembre-2009
Ubicación: Veracruz
Mensajes: 104
Antigüedad: 15 años, 3 meses
Puntos: 0
Visor de imagen evitar mostrar primera imagen

Buen dia, tengo el siguiente código que encontré por ahí para visualizar imagenes de una carpeta y yo le paso la dirección a traves de una ruta que le paso desde la bd.

Pero el problema del código, es que me muestra siempre al iniciar la galería una imagen que no tiene nada que ver con la del directorio a mostrar y me la marca como la imagen numero 1 siendo que la imagen 1 es otra. mi pregunta es si habría alguna forma de evitar mostrar esa imagen y mostrar ya la primera imagen del directorio.

muchas gracias y espero haberme explicado bien, saludos y quedo pendiente de sus respuestas.

Código:
<?php 
session_start();
include ('config.php');
$c_capitulo = $_GET['capitulo']; // Esto recoje los datos de la variable id en la url.
$registros=mysql_query("SELECT * FROM capitulos WHERE c_capitulo='$c_capitulo'",  
           $db_link) or
  die("Problemas en el select:".mysql_error());
while ($reg=mysql_fetch_array($registros))
{
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="manganix.css" type="text/css" media="screen" />
<SCRIPT LANGUAGE="JavaScript"> var rotate_delay = 5000; current = 0; 
function next() { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; }

function previous() { document.images.show.src = document.slideform.slide[current-1].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); } } //  End --> </script>
<style>
body{
background:#26172D;
}
body,a,select,option{color:#26172D;font:bold;}
select{border:0;
background:#ffffff;
}
.button{color:#26172D;margin:5px 5px 5px;background:#ffffff;font:bold 11px Verdana;padding:5px 5px;border:1px solid #2e6d76;}
.img {
margin-top:5px;}
.datos  {
text-align: left;
margin:0;
}
.datos a {
color: #2F98F1;
margin:0;
}
</style>
</head>

<body>
<table width="982" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr> 
              <td><div id="logo" align="center"></div></td>
              </td>
            </tr>
          </table>
		  <table width="982" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr><td bgcolor="#F5F5F5"><div align="left" class="datos"></div></td>
		<td bgcolor="#F5F5F5"><form name=slideform>
        <div align="right">
          <select name="slide" onChange="change();">
            <?php 
$files = scandir("".$reg['c_path'].""); 
$dir ="".$reg['c_path']."";

$c1 = count($files);
$c2 = 1;
for($i=0; $i<$c1; $i++)
{
  if(strlen($files[$i]) > 3)
  {
  $extension = strtolower(substr($files[$i], -4));
    if(($extension == ".gif") OR ($extension == ".jpg") OR ($extension == ".png"))
    {
    echo "<option value='$dir".$files[$i]."'>$c2";
      	$c2++;    
    }
  }
  }
 ?>
          </select>
          <input type=button onClick="previous();" value="Anterior" title="Anterior" class="button">
          <input type=button onClick="next();" value="Siguiente" title="Siguiente" class="button">
        </div>
      </form></td></tr><tr> 
    <td colspan="2"><div align="center"><br><br>
  <img src="images/ver_capitulo.png" name="show" class="img"></div></td>
  </tr>
  <tr><td bgcolor="#F5F5F5">
  Scanlator:<br>
  <?php echo "".$reg['s_scan'].""; ?><?php 
}
?></td><td bgcolor="#F5F5F5"></td></tr>
    </table>
</body>
</html>