TopUp es un plugin JavaScript para realizar Lightbox, esta desarrollado con jQuery y la librería jQuery UI los cuales nos brindan la posibilidad de tenerlos en nuestra Web.
Actualmente TopUp soporta distintos tipos de lightbox, aparte de realizar la función para imágenes, podemos poner Flash, Videos Youtube, Windows Media, RealPlayer, Quicktime, iframes y html.
Implementándolo en nuestra Pagina Web.
Paso 1: Incluir dentro del <head> la librería TopUp.
Si poseemos un hosting propio, podemos descargarlo y subirlo a una carpeta para llamarlo, sino podemos llamarlo desde la misma Web que lo brinda.
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
Paso 2: Configurar los enlaces que abrirán el lightbox.
En este simple paso tan solo agregaremos la clase “top_up” a los enlaces que deseemos abran un lightbox.
<a toptions="width=853,height=505,type=flash,title=Tiësto Power Mix" href="http://www.youtube.com/v/mdZTRKBPzSA&fs=1&showinfo=0&hd=0&autoplay=1">Youtube</a>
Así de simple logramos implementar un Lightbox con TopUp, una muy buena alternativa dentro de su categoría.
Tags:
Soy
Comentarios