Foros del Web » Creando para Internet » CSS »

actualizar background de un div

Estas en el tema de actualizar background de un div en el foro de CSS en Foros del Web. tengo un problema no lo puedo resolver es lo siguiente.. tengo el siguiente menu AUTOS: tilda sentra tsuru etc preciono tilda y la variable de ...
  #1 (permalink)  
Antiguo 24/07/2011, 19:32
 
Fecha de Ingreso: julio-2011
Mensajes: 3
Antigüedad: 13 años, 3 meses
Puntos: 0
actualizar background de un div

tengo un problema no lo puedo resolver es lo siguiente..
tengo el siguiente menu

AUTOS:
tilda
sentra
tsuru
etc

preciono tilda y la variable de tipo get vale TILDA
preciono sentra y la variable de tipo get vale SENTRA
preciono tsuru y la variable de tipo get vale TSURU

hasta aqui todo bien, lo que quiero saber es que al precionar tilda ponga una imagen de fondo de un tilda en un div si preciono sentra ponga una imagen de sentra en el div y si preiono tsuru ponga una imagen de un tsuru en el div

esta es la css

#contenido_autos {
margin: auto;
float: left;
height: 450px;
width: 997px;
background-image: url(imagenes/galerias_autos/fondo_autos/370z/fondo.gif);

como pueden ver el background-image es estatico quiero que cuando precione una opcion del memu me muestre la imagen de acuerdo al auto, no se si se entienda

como se puede hacer eso ??

muchas grasias por las respuestas
  #2 (permalink)  
Antiguo 24/07/2011, 19:36
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 14 años, 2 meses
Puntos: 63
Respuesta: actualizar background de un div

Hola muy buenas-
Revisa esas faltas de ortografia D:
sentra es centra
preciono es presiono
Asi puede que no te entiendan bien.


Eso creo que con CSS no puedes hacerlo.
Seria con Javascript y con el evento onclick. Deberias preguntar en el foro de JavaScript.
  #3 (permalink)  
Antiguo 24/07/2011, 19:58
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: actualizar background de un div

Podés procear tu css como un php y usar condicionales según lo que estes onteniendo por $_GET.

ejemplo

Código PHP:
Ver original
  1. <?php
  2. header("Content-Type: text/css;charset=utf-8");
  3. header("Cache-Control:must-revalidate");
  4. ob_start("ob_gzhandler");
  5. $offset = 60 * 60;
  6. $ExpStr = "Expires:" .
  7. gmdate("D,d M Y H:i:s",time() + $offset) . " GMT";
  8. header($ExpStr);
  9. ?>
  10. body {
  11. background-color: #FFF;
  12. padding-bottom: 0px;
  13. margin: 0px;
  14. font-family: 'trebuchet ms', 'palatino linotype', arial, sans-serf;
  15. font-size: 0.85em;
  16. }
  17.  
  18. div#logo {
  19.  
  20. <?php
  21. if ($_GET['modelo'] == "sentra"){
  22. echo 'background-image: url(sentra.jpg)\;';
  23. }elseif($_GET['modelo'] == "tsuru") {
  24. echo 'background-image: url(tsuru.jpg)\;';
  25. }else{
  26. ##### algo
  27. }
  28. ?>
  29. }

y llamar tu css
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="modelos.php?modelo=<?php echo $_GET['modelo']; ?> />

Esto mismo lo podes hacer en el php usando un condicional para cargar una <img> diferente segun $_GET['modelo']

@Batan
Tampoco se entendería si queres poner una foto del Nissan Sentra y buscas una foto de un modelo centra, que no existe

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 24/07/2011, 20:01
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 14 años, 2 meses
Puntos: 63
Respuesta: actualizar background de un div

Bueno perdon, no entiendo mucho de cohes y claro creí que fue eso un fallo ortográfico.
  #5 (permalink)  
Antiguo 24/07/2011, 20:33
 
Fecha de Ingreso: julio-2011
Mensajes: 3
Antigüedad: 13 años, 3 meses
Puntos: 0
Respuesta: actualizar background de un div

ya lo hice, mañana les digo como quedo, grasias...

Última edición por zeok; 24/07/2011 a las 21:43

Etiquetas: background-image
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:30.