I. Introducción
Consiste en una modificación de LightBox y SlimBox. Lo que pretende es hacerlo más rápido y eficiente. Su uso es bastante similar y las prestaciones que ofrecen son casi las mismas por lo que no me detendré mucho en su explicación.
Simplemente comentar, que al igual que sus predecesores, se limita al uso de galería de imágenes.
II. Uso de la librería
Para empezar, hay que hacer referencia en la cabecera del fichero HTML tanto de los ficheros javascript (En este caso, dos) como del fichero CSS:
<link rel=”stylesheet” href=”roebox/roebox.css” mce_href=”roebox/roebox.css” type=”text/css” media=”screen” />
<script type=”text/javascript” src=”roebox/mootools.js” mce_src=”roebox/mootools.js”></script>
<script type=”text/javascript” src=”roebox/roebox.js” mce_src=”roebox/roebox.js”></script>
Por último, hacer la referencia con un enlace HTML. Esto se puede hacer mostrando una única imagen o una galería de imágenes:
-
Imagen:
<a href=”roebox/image1.jpg” mce_href=”roebox/image1.jpg” rel=”roebox” title=”title here “>image 1</a>
-
Galería de imágenes:
<a href=”roebox/image1.jpg” mce_href=”roebox/image1.jpg” rel=”roebox[setnamehere]“>image 1</a>
<a href=”roebox/image2.jpg” mce_href=”roebox/image2.jpg” rel=”roebox[setnamehere]“>image 2</a>
<a href=”roebox/image3.jpg” mce_href=”roebox/image3.jpg” rel=”roebox[setnamehere]“>image 3</a>
La diferencia simple es que por un lado el campo rel solo tiene el nombre de la librería (“roebox”) y por otro lado, hay que añadirle como si fuera una tabla el nombre de la galería en cuestión. Si quisieramos dos galerías, donde pone “setnameher” habría que ponerle distintos nombres a cada una de ellas.
Como podéis comprobar, su uso es sencillo y las prestaciones son aceptables.
III. Referencias
- Volver -
[...] RoeBox Mezcla entre LightBox y SlimBox. Fácil uso y sin complicaciónes. Solo muestra imágenes. [...]
Hola gente, como podria colocar texto debajito de las imagenes y decorarlo con estilos css, por favor si pueden ayudarme gracias…..