Código ejemplo: Visor de imágenes.
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Visor de Imágenes</title>
<!-- Jquery visor imágenes -->
<script src="../Jquery/Fancy/jquery.min.js" type='text/javascript'></script>
<script src="../Jquery/Fancy/orangebox.min.js" type='text/javascript'> </script>
<link href="../Jquery/Fancy/orangebox.css" rel='stylesheet' type='text/css'/>
<!-- Fin Jquery visor imágenes -->
</head>
<body>
<!-- Visor imágenes -->
<a href="../Imagenes/piletaI.png" rel="lightbox[visor]" data-ob_linkText="Complejo Tras las Sierras">
<img src="../Imagenes/piletaI.png">
</a>
<a href="../Imagenes/cabañaII.png" rel="lightbox[visor]" data-ob_linkText="Cabañas totalmente amuebladas, listas para disfrutar!">
<img src="../Imagenes/cabañaII.png">
</a>
<a href="../Imagenes/cabañaIII.png" rel="lightbox[visor]" data-ob_linkText="Cabañas totalmente amuebladas, listas para disfrutar!">
<img src="../Imagenes/cabañaIII.png">
</a>
<a href="../Imagenes/cabañaIV.png" rel="lightbox[visor]" data-ob_linkText="Cabañas totalmente amuebladas, listas para disfrutar!">
<img src="../Imagenes/cabañaIV.png">
</a>
<a href="../Imagenes/PiletaII.png" rel="lightbox[visor]" data-ob_linkText="Complejo Tras las Sierras">
<img src="../Imagenes/PiletaII.png">
</a>
<!-- Fin visor imágenes -->
</body>
</html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Visor de Imágenes</title>
<!-- Jquery visor imágenes -->
<script src="../Jquery/Fancy/jquery.min.js" type='text/javascript'></script>
<script src="../Jquery/Fancy/orangebox.min.js" type='text/javascript'> </script>
<link href="../Jquery/Fancy/orangebox.css" rel='stylesheet' type='text/css'/>
<!-- Fin Jquery visor imágenes -->
</head>
<body>
<!-- Visor imágenes -->
<a href="../Imagenes/piletaI.png" rel="lightbox[visor]" data-ob_linkText="Complejo Tras las Sierras">
<img src="../Imagenes/piletaI.png">
</a>
<a href="../Imagenes/cabañaII.png" rel="lightbox[visor]" data-ob_linkText="Cabañas totalmente amuebladas, listas para disfrutar!">
<img src="../Imagenes/cabañaII.png">
</a>
<a href="../Imagenes/cabañaIII.png" rel="lightbox[visor]" data-ob_linkText="Cabañas totalmente amuebladas, listas para disfrutar!">
<img src="../Imagenes/cabañaIII.png">
</a>
<a href="../Imagenes/cabañaIV.png" rel="lightbox[visor]" data-ob_linkText="Cabañas totalmente amuebladas, listas para disfrutar!">
<img src="../Imagenes/cabañaIV.png">
</a>
<a href="../Imagenes/PiletaII.png" rel="lightbox[visor]" data-ob_linkText="Complejo Tras las Sierras">
<img src="../Imagenes/PiletaII.png">
</a>
<!-- Fin visor imágenes -->
</body>
</html>