Comunidad de diseño web y desarrollo en internet online

ABRIR DIV FLOTANTE DESDE UN BOTÓN

Citar            
MensajeEscrito el 15 Mar 2013 03:27 pm
Buenas.

Estoy creando un sitio web en donde, al pinchar una imagen, esta se debe abrir en un <div> flotante.
El problema, es que al entrar a la web el <div> se abre automaticamente y lo que quiero, es que solamente, se abra tras hacer click al botón.

Estoy utilizando este código:

Código :

</script>
   <script type="text/javascript">
         $(document).ready(function() {
             $(".boton").click(function(){
                    $(".overlay").fadeIn("fast");
                   event.preventDefault();
                      });
                   $(".close").click(function(){
                 $(".overlay").fadeOut("slow");
             event.preventDefault();
          });
      });
    </script>


No he logrado encontrar solución en google. Soy primerizo en esto de jquery pues no tengo la menor idea de que modificar, quitar o agregar al código.

Muchas gracias por su tiempo.

Atte

Por teladejuicio

1 de clabLevel



 

chrome
Citar            
MensajeEscrito el 15 Mar 2013 04:43 pm
En el CSS, al <div> en cuestión ponle display: none; El método fadeIn() de JQuery hará que se muestre luego.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 15 Mar 2013 06:28 pm
Perfecto! Muchas gracias!!!

Por teladejuicio

1 de clabLevel



 

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.