Tecnología

Inicio

Cómo utilizar la mesa de luz para abrir iFrame

Cómo utilizar la mesa de luz para abrir iFrame


Mesas de luz agregan un "factor sorpresa" para muchos sitios web comerciales de gama alta. Al hacer clic en el enlace del sitio web, la pantalla queda en penumbra, una caja luminosa parece flotar por encima de la pantalla y luego se llena de la página web. Agregue esto a su sitio con algo de código básico y la planificación. Mesas de luz con marcos en línea (iframes) son tan fáciles de adquirir como el ahorro de una sola carpeta en su servidor web, a continuación, añadir unas pocas líneas de código para cualquier página de su sitio web.

Instrucciones

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

2 pegar el código en la sección de encabezado (entre <head> y </ head>) del código 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 = &quot;http://www.mysite.com/greybox/&quot;;

</ 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"> </ script>
<Link href = "greybox / gb_styles.css" rel = "stylesheet" type = "text / css" />

3 Crear el enlace de su caja de luz en el cuerpo del HTML de la página de la Etapa 2 (entre <body> y </ body>) con el siguiente código, en sustitución de "mysite" con el sitio web que usted elija:

<a href="http://www.mysite.com&quot; rel="gb_page_center[400,500]"> la mesa de luz para visualizar la página web de mysite, 500 píxeles de ancho, 400 píxeles de altura, en el centro de la pantalla. </a>

Cambiar los valores de altura y anchura para obtener diferentes Mesas de luz de tamaño.

4 Prueba de la caja de luz con la apertura de la página web en un navegador y hacer clic en el enlace. Una vez 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 las secciones normales de uso y avanzadas para una mayor funcionalidad. Lea también las páginas de preguntas frecuentes para las ideas.