cambiar imagen en ejecucion...

Citar

Escrito el 21 Oct 2010 07:26 pm

Hola tengo lo siguiente:

Código HTML :

<div class="opc"><img src="imag1"/></div>
<div class="opc"><img src="imag2"/></div>
<div class="opc"><img src="imag3"/></div>

y en codigo js tengo lo siguiente:

Código Javascript :

$(".opc").each(function(i){ 
        $(this).click(function(event){
   if(i==0){
       if(sele!=1){
      $(this).css('background-image','url(\'imag1a\')');
      sele=1;
       }else{
      sele=0
      $(this).css('background-image','url(\'imag1\')');
    }
});

La intencion de este codigo es que cuando den clic a alguna imagen esta quede cambiada hasta que le buelban a dar clic. entonces cambiara a su estado original.. pero no lo hace..

No se que este mal.. y si alguien sabe como modificarlo.

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 22 Oct 2010 07:06 pm

Creo que lo que quieres hacer es esto:

Código HTML :

<!doctype html>
<html>
<head>
<script src="jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
<style type="text/css">
.capa {
   background-color: red;
   width: 100px;
   height: 100px;
   margin: 2px;
}
.azul {
   background-color: blue;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
   $(".capa").click( function() {
      $(this).toggleClass('azul')
      }
   );
});
</script>
</head>
<body>
<div id="capa1" class="capa">1</div>
<div id="capa2" class="capa">2</div>
<div id="capa3" class="capa">3</div>
</body>
</html>

Lo hice para que cambie el color de fondo pero sospecho que no te será difícil modificarlo para cambiar la imagen de fondo.

El problema con tu código tal como lo has puesto es que la variable "sele" no está inicializada a ningún valor, y aunque lo estuviera, el programa "no sabe" al "sele" de qué <div> se refiere puesto que solo existe una variable "sele" y tres divs.

Enjoy

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 25 Oct 2010 03:25 pm

Hola gracias por responder, accidentalmente descubri que estaba mal en mi codigo jajaja era que no le habia marcado el ancho y el alto al div.. por lo cual no funcionaba solo agregen al codigo que coloque ancho y alto y funciona a la perfeccion.

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

cambiar imagen en ejecucion...

Escribe una respuesta rapida