Ajouter un effet lightbox à mes photos

[yawra]

Bonjour tout le monde,
J'ai un problème avec les photos de mon site :/.
Mon site repose principalement sur un ensemble de formulaires permettant de joindre tout les photos, les informations, les options et les fonctionnalités des équipements informatiques. En remplissant le formulaire et le validant tout les info+photos s'affiche dans mes articles Joomla et se stocke dans ma bae de données. Le code d'affichage de ces données depuis la base de données est écrit dans un article Joomla en utilisant l'extension Sourcerer (permet d'ajouter du php dans les articles).

Le problème que je veux ajouter un effet à mes images permettant de les agrandir en cliquant dessus. En ajoutant <a href="img.png">img.png</a> j'ai la photo s'affichant dans toute la fenêtre :/ alors que moi je veux l'afficher avec un effet lightbox, j'ai essayé ça, mais cela n'a pas marché :/. Voilà ce que j'ai fait:
1/ J'ai téléchargé lightbox
2/ J'ai ajouté le fichier CCS du lightbox dans le dossier CSS de mon template (beez5)
3/ J'ai ajouté les fichiers JS du lightbox dans le dossier JS de mon template (beez5)
4/ J'ai placé le dossier contenant les images du lightbox (fléche, croix,...) à la racine
5/ J'ai ajouté le code suivant dans le fichier index.php de mon template:

<!-- CSS -->
		<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
		<!-- jquery -->
		<script src="js/prototype.js" type="text/javascript"></script>
		<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
		<script src="js/lightbox.js" type="text/javascript"></script>

6/ J'ai ajouter rel=lightbox dans le lien de l'image:

echo '<a href="';echo $ch;echo'" rel="lightbox">'; 

Mais cela ne marche pas et je sais pas pourquoi!!! :/