Muy bien, este tutorial va dedicado a todos aquellos que siempre andan buscando como poner el LightBox a su Cutenews, muy bien comenzamos:
Entra a
http://www.huddletogether.com/projects/lightbox2/y hasta abajo de la pagina descarga el LigthBox, sube las carpetas JS, CSS y la de Images y sigue estos pasos
Haz una nueva pagina donde pondras el include en el BODY el codigo es el siguiente:
<?
include("cutenews/show_news.php");
?>
Copia estos codigos JS en el HEAD donde esta el include:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
Al igual que este CSS:
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
El documento quedaria de la siguiente manera:
<HTML>
<HEAD>
<title>Aqui el Titulo de tu pagina</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
</HEAD>
<BODY>
<?
include("cutenews/show_news.php");
?>
</BODY>
</HTML>
Subes este docuemento a tu web y Listo tu LightBox a quedado instalado, pero recuerda subir las carpetas que vienen en el ZIP a tu Pagina (JS, CSS e images)
En tu cutenews introduce el siguiente codigo para mostrar las imagenes:
<a href="Link de la imagen que abrira" rel="lightbox" title="Titulo de la imagen"><img src="Link de la imagen pequeña"/></a>
y Para varias imagenes:
<a href="Link de la Imagen Q abrira" rel="lightbox[roadtrip]" title="Titulo de la imagen"><img src="Link de Imagen Chica"/></a>
<a href="Link de la Imagen Q abrira" rel="lightbox[roadtrip]" title="Titulo de la Imagen"><img src="Link de Imagen Chica"/></a>
<a href="Link de la Imagen Q abrira" rel="lightbox[roadtrip]" title="Titulo de la Imagen"><img src="Link de Imagen Chica"/></a>
Aqui les dejo vista previa como me quedo ami =D
http://maxihabbo.es/cute.php
Espero que les haya servido, y si no me explique bien diganmelo
