Ver Mensaje Individual
  #2 (permalink)  
Antiguo 25/11/2011, 16:04
venommist
 
Fecha de Ingreso: mayo-2011
Ubicación: Santiago de Chile
Mensajes: 28
Antigüedad: 13 años
Puntos: 3
Respuesta: div cambie la imagen al dar un click

Estimado, si deseas hacer algo como eso, te recomiendo (por seguridad para que funcione), Javascript.

Por Ejemplo:

Código Javascript:
Ver original
  1. <script>
  2. function vaciar_img(){
  3.  
  4. var doc = document.getElementById('[COLOR="YellowGreen"]midiv[/COLOR]');
  5.  
  6. doc.style.background=" ";
  7. };
  8. </script>

Y en el Div ponerle:

Código HTML:
Ver original
  1. <div id="[COLOR="YellowGreen"]midiv[/COLOR]" onclick="vaciar_img();"> contenido de la img </div>

O si quieres que sean otros div los que le borren la imagen, o la cambien:

Código HTML:
Ver original
  1. <div> Div con la Imagen </div>
  2. <div onclick="vaciar_img();"> contenido de la img </div>
  3. <div onclick="vaciar_img();"> contenido de la img </div>



Si Deseas reemplazar la imagen por cada una que poseas dentro de un div es:

Código Javascript:
Ver original
  1. <script>
  2. function cambiar_img(id){
  3.      var img = document.getElementById(id).style.background;
  4.      var principal = document.getElementById('midiv');
  5.  
  6.      principal.style.background=img;
  7. };
  8. </script>

y el HTML quedaría de este modo:

Código HTML:
Ver original
  1. <div id="midiv">&nbsp;</div>
  2. <div onclick="cambiar_img(this.id);"> contenido de la img </div>
  3. <div onclick="cambiar_img(this.id);"> contenido de la img </div>

De esta última, hay que comprobarla, no estoy seguro.

Saludos!

P.D: sube el código si tienes dudas, y te lo solucionaremos.