Foros del Web » Programando para Internet » Javascript »

Sustituir un boton por un banner al clicar en el primero

Estas en el tema de Sustituir un boton por un banner al clicar en el primero en el foro de Javascript en Foros del Web. Hola, estoy haciendo una pagina de bienvenida a mi web, la pagina de bienvenida tiene solo en el centro el logo de la empresa en ...
  #1 (permalink)  
Antiguo 03/11/2010, 11:54
Avatar de Gato_preto  
Fecha de Ingreso: julio-2009
Ubicación: Madrid
Mensajes: 20
Antigüedad: 14 años, 9 meses
Puntos: 0
Sustituir un boton por un banner al clicar en el primero

Hola, estoy haciendo una pagina de bienvenida a mi web, la pagina de bienvenida tiene solo en el centro el logo de la empresa en grande y al darle encima querria que cargase en esa misma página sin cambiar nada del fondo ni lo demás, sustituyendo el logo-boton por un banner de imagenes en jquery.
Alguna forma de hacerlo con javascript?
Saludos.
  #2 (permalink)  
Antiguo 03/11/2010, 11:56
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Sustituir un boton por un banner al clicar en el primero

Utiliza dos divs, en uno el botón y en otro el resto del contenido y después en el onclick del botón pones que el otro div se haga visible y ese oculto.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red
  #3 (permalink)  
Antiguo 03/11/2010, 12:02
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 15 años, 9 meses
Puntos: 105
Respuesta: Sustituir un boton por un banner al clicar en el primero

Cita:
Alguna forma de hacerlo con javascript?
Claro, muchas !!

si usas jquery.... supongo que tambien debes saber mostrar y ocultar elementos no ?
Dinos si ya has podido resolver tu problema.... sino cuales son tus dudas ^^
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog
  #4 (permalink)  
Antiguo 03/11/2010, 12:09
Avatar de Gato_preto  
Fecha de Ingreso: julio-2009
Ubicación: Madrid
Mensajes: 20
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Sustituir un boton por un banner al clicar en el primero

Cita:
Iniciado por masterojitos Ver Mensaje
Claro, muchas !!

si usas jquery.... supongo que tambien debes saber mostrar y ocultar elementos no ?
Dinos si ya has podido resolver tu problema.... sino cuales son tus dudas ^^
Soy iniciante con lo de jquery y no se mucho, si me podrias decir alguna manera de hacerlo, da igual como, te lo agradeceria.
Saludos.
  #5 (permalink)  
Antiguo 03/11/2010, 12:21
Avatar de masterojitos  
Fecha de Ingreso: julio-2008
Ubicación: Lima Callao Chucuito
Mensajes: 1.931
Antigüedad: 15 años, 9 meses
Puntos: 105
Respuesta: Sustituir un boton por un banner al clicar en el primero

Un ejemplo lo mas sencillo posible
Código HTML:
Ver original
  1. ......
  2. <img src="imagen.jpg" id="imagen" onclick="this.style.display='none';document.getElementById('contenido').style.display='block';" />
  3. ......
  4. <div id="contenido" style="display: none">
  5. banners de imagenes en jquery.
  6. </div>
  7. ......

Ya que podria ser tambien con jquery de una forma mas elegante:
Código Javascript:
Ver original
  1. ......
  2. <img src="imagen.jpg" id="imagen" />
  3. ......
  4. <div id="contenido" style="display: none">
  5. banners de imagenes en jquery.
  6. </div>
  7. ......
  8. <script type="text/javascript">
  9. $(window).load(function(){
  10.     $("#imagen").click(function(){
  11.         $(this).fadeOut();
  12.         $("#contenido").fadeIn();
  13.     });
  14. });
  15. </jscript>

Nota. siempre es recomendable poner los estilos en una hoja de estilos y los script en una hoja de javascript.

Y de otras muchas maneras... espero te sirva de algo

Suerte
__________________
Atte. MasterOjitos :ojotes:
Todo sobre Programación Web
Las ultimas tendencias en Efectos y Recursos Web: MasterOjitos Blog

Etiquetas: banner, primero, sustituir, botones
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 23:21.