imagen cambia al hacer click sobre ella

petete2007 · #1 (**permalink**) 02/02/2010, 18:32

Me gustaría saber si es dificil hacer en jquery lo siguiente :
Tengo 3 imágenes y van cambiando a la siguiente al hacer click sobre ella y al mismo tiempo llama a una función PHP para guardar el valor de la imagen seleccionada en una BD.
La idea es evitar poner las tres imágenes en pantalla y que el usuario seleccione la opción que desee guardar en BD. El usuario se desplazará sobre las diferentes imágenes haciendo clic sobre ellas y automáticamente ésta quedará guardada.

¿Que opináis?
Gracias

Dany_s · #2 (**permalink**) 03/02/2010, 05:35

no entendí

tengo:

imagen1 - imagen2 - imagen3 y al hacer click cambia a otras 3 imagenes distintas?

o

imagen1 y al hacer click cambia a imagen2 y despues a imagen3 ?

petete2007 · #3 (**permalink**) 03/02/2010, 07:05

perdón me exprese muy mal.

Queria decir :
imagen1 y al hacer click cambia a imagen2 y despues a imagen3 y después a imagen1 y asi sucesivamente.

En cada click llamaré a la BD para actualizar el campo.

Gracias

Dany_s · #4 (**permalink**) 03/02/2010, 08:08

Código HTML:

<html><head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('#imagenes img:gt(0)').hide();
    $('#imagenes img').click( function(){
        $(this).hide().appendTo('#imagenes');
        $('#imagenes img:first').show();

        /**
         * código para enviar valor
         */
    });
});
</script>
</head>
<body>

<div id="imagenes">
    <img src="imagen1.jpg"/>
    <img src="imagen2.jpg"/>
    <img src="imagen3.jpg"/>
</div>

</body>
</html>

para enviar valor podes hacer alguna condicion con el id o recuperar el valor de la imagen con algún atributo o sino investigá con la función toggle si son solo 3 imagen porque no sé lo que queres hacer asi que no sé como seguir, hasta ahi creo que va

petete2007 · #5 (**permalink**) 03/02/2010, 09:03

Muchasssssssssssss gracias!!