Siguiente-anterior de galeria de imagen

[alann87]

Hola que tal!

Estaba aprendiendo a hacer una galeria de imagen con css, pero en el video solo explica como hacerlo solo con html asi que decidi hacerlo dinamico con php, funciona todo bien pero el unico problema es que cuando abro la imagen en una ventana modal, tengo los botones de anterior y siguiente no se como hacerlo..Hice esto : <a href="<?php echo '#'. (($f['id_imagen'])+1);?>">></a> y funciona solo que cuando llega a la ultima foto se cierra ya que si hay 4 imagen va a la 5 y se cierra ..les dejo el codigo haber si me pueden ayudar ...Gracias!

Código PHP:

 <h1>Galeria de imagenes</h1> 
    <ul class="galeria"> 
    <?php 
        include('conexion.php'); 
         
        $res = mysqli_query($con,"SELECT * FROM imagen"); 
        $cant_reg =  mysqli_num_rows($res); 
        while($f=mysqli_fetch_array($res)){ 
    ?>     
        <li><a href="<?php echo "#".$f['id_imagen'];?>"><img src="images/<?php echo $f['imagen'];?>" /></a></li> 
 
        <div class="modal" name="id_imagen" id="<?php echo $f['id_imagen'];?>"> 
        <h3>Imagen 1 </h3> 
        <div class="imagen"> 
            <a href="<?php echo '#'. $f['id_imagen'];?>"><</a> 
            <a href=""><img src="images/<?php echo $f['imagen'];?>" alt="" /></a> 
        <a href="<?php echo '#'. (($f['id_imagen'])+1);?>">></a> 
        </div> 
        <a class="cerrar" href="">X</a> 
    </div> 
     
    <?php 
    } 
    ?> 
    </ul>  

[x_atrix]

Según lo que comentas, el problema no esta en PHP sino que lo mas seguro estará en js. Por tanto el código PHP aquí no dice nada ...

[__SDP__]

claro eso es mas de js, cuando haces click debes comparar el valor de la imagen que vas a mostrar ejemplo estas en la imagen 4 y al hacer click vas a buscar la imagen 5 ese 5 comparalo con el total de imagenes que tienes que sea valor_imagen_a_buscar"5" <= total_de_imagenes"5"
no pondre codigo por razones obvias pero es solo una condicion"if" que hay que hacer para que no se pase de la cantidad total

saludos, espero haber ayudado en algo.

[alann87]

Iniciado por __SDP__

claro eso es mas de js, cuando haces click debes comparar el valor de la imagen que vas a mostrar ejemplo estas en la imagen 4 y al hacer click vas a buscar la imagen 5 ese 5 comparalo con el total de imagenes que tienes que sea valor_imagen_a_buscar"5" <= total_de_imagenes"5"
no pondre codigo por razones obvias pero es solo una condicion"if" que hay que hacer para que no se pase de la cantidad total

saludos, espero haber ayudado en algo.

Hola gracias por responder, yo hice algo asi

Código PHP:

  //Si imagen es mayor a la cantidad de imagenes vuelve al 1 
    if($f['id_imagen'] > $cant_reg ){ 
        $f['id_imagen'] = 1; 
    }  
   

no me tira ningun error pero no hace nada en el navegar me dice asi
http://localhost/galeria/galeria.php#5 y hay 4 fotos osea que se cierra ya que pasa el 5, o lo estoy haciendo mal? y si hay que hacerlo con js si no es muy dificil me lo puedes decir , me puse a practicar recien asi que no se casi nada de js