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>
ya que no logro hacerlo bien, tengo el codigo de esta forma tratando de hacerlo como me dices y no se si la function imagen() este bien.
