tengo un portfolio con una galería de imágenes que se muestran en archivos ajax. Son archivos distintos y en cada uno tengo que poner los botones de "Anterior" y "Siguiente" con los enlaces de las páginas de los proyectos. Cuando quiero añadir uno nuevo se hace muy tedioso tener que cambiarlos ¿Hay alguna forma de poner los botones de anterior y siguiente de tal forma que pase al siguiente proyecto de la galería sin tener que ir poniendo uno a uno todos los enlaces?
La galería la tengo organizada de esta forma:
Código HTML:
<div id="container" class="clearfix"> <div class="element clearfix thumbs portfolio web proyectos home"> <a href="ajax/project1.html" title=""> <figure class="images"> <img src="images/proyecto1.jpg" alt="<span>Pispack Market</span><i>→</i>" class="slip" /> </figure> </a> </div> <div class="element clearfix thumbs portfolio web home"> <a href="ajax/project2.html" title=""> <figure class="images"> <img src="images/proyecto2.jpg" alt="<span>ACO</span><i>→</i>" class="slip" /> </figure> </a> </div>
Código HTML:
<div id="project-title"> <h3><strong>Catálogo de Cursos</strong></h3> <p>Diseño del Catáogo de Cursos de Grupo Albatros</p> <p class="small"><a href="catalogo-de-cursos.php" title="">Ver Proyecto</a></p> </div> <div id="project-slider"> <figure class="images"> <img src="images/catalogo-de-cursos.jpg" alt="" /> </figure> <a class="ajax-prev" href="ajax/project3.html"></a> <a class="ajax-next" href="ajax/project5.html"></a> </div>
Muchas gracias!