Poner Imagen encima al hacer click

[tesla07]

Iniciado por pzin

Pues, pones otra imagen en el label con otra clase...

Código HTML:

<label for="id1">
  <img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg" width="100"/>
  <img class="oculta" src="perro.jpg">
</label>
 

A ese clase que por defecto esté oculta...

Código CSS:

label img.oculta {
  display: none;
}
 

Y al hacer :checked, ocultar una imagen y mostrar otra...

Código CSS:

input[name='slide_switch']:checked + label img {
  display: none;
}
 
input[name='slide_switch']:checked + label img.oculta {
  display: inline;
}
 

Lo que dije antes.



haber/a ver.

Excelente me Funciono a la Perfeccion Gracias.