Cómo utilizar la mesa de luz para abrir iFrame

Añadir a casi cualquier contenido a una caja de luz con el código correcto.

Descargue el archivo libre GreyBox_v5_54 de orangoo.com / labs / GreyBox /. Descomprimir el archivo. Subir la carpeta greybox en su directorio web principal (raíz).

Pega el código en la sección de encabezado (entre la cabeza y / cabeza) del HTML de cualquier página web en la que desea que aparezca una caja de luz, en sustitución de www.mysite.com con su sitio web:

script type = text / javascript var GB_ROOT_DIR = http://www.mysite.com/greybox/; / script script type = text / javascript src = greybox / AJS.js / script script type = text / javascript src = greybox / AJS_fx .js / script script type = text / javascript src = greybox / gb_scripts.js / link guión href = greybox / gb_styles.css rel = tipo de hoja de estilo = text / css /

Crear el enlace de su selección en el cuerpo del código HTML de la página de la Etapa 2 (entre el cuerpo y / cuerpo) con el siguiente código, reemplazando misitio con el sitio web que usted elija:

a href = http://www.mysite.com rel = gb_page_center [400500] Álbum para visualizar el sitio de Mi sitio web, 500 píxeles de ancho, 400 píxeles de alto, en el centro de la pantalla. / a

Cambie los valores de altura y anchura para obtener diferentes lightboxes tamaño.

Pruebe la luz al abrir la página web en un navegador y haga clic en el enlace. Una vez que funciona como se desea, se puede añadir cajas de luz para otras páginas.

Consejos y advertencias

Greybox proporciona documentación en orangoo.com / labs / GreyBox / Documentation /. Leer los ejemplos y normales de uso y las secciones avanzadas para mayor funcionalidad. Lea también las páginas de preguntas frecuentes para las ideas.