BtnOpen

GlassBox

Marzo 6th, 2008

GlassBox es una librería javascript que te permite hacer cajas transparentes y con bordes redondeados.
El uso de esta librería es bastante sencillo:
Incrustar la libreria:

<script src="glassbox/glassbox.js" type="text/javascript"></script>

Un div con el contenido:

<div id="myGlassboxContent">  <!-- Content --></div>

Crear un nuebo objeto GlassBox especificando ID, Width, Height, Overflow, left y top:

<script type="text/javascript">
var myGlassBox = new GlassBox();
myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
myGlassBox.apos( '290px', '35px' );

</script>

GlassBox

Link a GlassBox            Vía | Sentidoweb


4 Responses to “GlassBox”

  1. Cristian Says:

    Hola, estoy intentando usar esto en una web que he hecho con el script de boonex Dolphin,
    mas o menos se donde poner icrustar la libreria y lo del contenido pero no se como es eso de crear un nuevo objeto… alguien me podria ayudar?
    mi email es cls@finewebs.net

  2. acadio Says:

    Hola Cristian.
    Solo tienes que poner el código que ves arriba y en el último script cambias “myGlassboxContent” por el ID de tu div si es diferente al del ejemplo y cambias el valor 400px y 300px (Ancho y alto) por el tamaño de tu div.
    Los valores 290px y 35 px son la posición del div (left y top)

    Un saludo

  3. cltsjrsey Says:

    It appears that you simply???¨º?¨¨ve put an excellent amount of effort into your post and I want a great deal more of these on the Globe Wide Web nowadays. I truly got a kick out of the post. I usually do not have a bunch to to say in reply, I only wanted to register to say wonderful work.

  4. Fer Says:

    Hola
    Alguien lo probó en IE7 ó superior?
    En mi caso, veo la parte de abajo con el borde entrecortado. Incluso el sitio de ejemplo del sitio: http://www.glassbox-js.com/examples/treecolumns_center_skin_greyline.htm
    Aguardo sus comentarios.
    Saludos y gracias.

Deja un comentario


Add to Technorati Favorites BlogESfera Directorio de Blogs Hispanos - Agrega tu Blog