Buenas a todos, tengo creada una función en jquery que al cargar el documento, reconoce las imágenes que hay dentro de una galería y automáticamente, el código establece a la primera imagen de la galería como primera, y después puedo avanzar por las imágenes cargando su contenido, con los botones siguiente y atrás. Hasta aquí todo bien.
Lo que no soy capaz es de establecer la imagen seleccionada como primera para que aparir de esa, cuando de a los botones siguientes o atrás, estos me llevan la siguiente imagen o a la anterior de esta.
Actualmente, cuando presiono el botón siguiente, por ejemplo, este siempre me lleva a la segunda imagen de la galería, aunque yo aya entrado en la quinta. Al establecerse la primera imagen como primera al cargar el documento esto es normal, lo que no se, como puedo cambiar ese orden y asignar la primera imagen de la galería en la que hago click.
Perdonen si es mucho o si no me entienden, he intentado expresarme lo mejor posible para que comprendáis lo que pretendo hacer.
este es el código
Código PHP:
<script>
$(document).ready(function() {
var divs = $('#carousel-accion>li a');
var now = 0; // currently shown div
divs.css("border", "0").first().css("border", "solid 1px white"); // hide all divs except first
$("button[name=next]").click(function() {
divs.eq(now).css("border", "0");
now = (now + 1 < divs.length) ? now + 1 : 0;
divs.eq(now).click();
});
$("button[name=prev]").click(function() {
divs.eq(now).css("border", "0");
now = (now > 0) ? now - 1 : divs.length - 1;
divs.eq(now).click();
});
});
</script>