Salve a tutti! nel mio sito volevo implementare un lightbox su delle immagini usando jquery...
premetto che non è l'unico script jquery che ho...

non conoscendo jquery non posso scrivermi tutto il codice allora ho cercato su internet e ho trovato due script già fatti uno si chiama Fancybox e un altro Pirobox. Bhè implementando tutti i file necessari nel modo corretto, attribuendo le classi dovute alle immagini ritrovo sempre lo stesso errore utilizzando ambedue gli script.

ve li posto:
fancybox:
codice:
$(document).ready(function() {
			/*
				Simple image gallery. Use default settings
			*/

			$('.fancybox').fancybox();


		});
pirobox:
codice:
$(document).ready(function() {
	$().piroBox_ext({
	piro_speed : 700,
		bg_alpha : 0.5,
		piro_scroll : true // pirobox always positioned at the center of the page
	});
});
Tutti e due ritornano che il metodo piroBox_ext / fancybox() non esiste.
Questo mi porta a pensare che sia sbagliata l'inclusione dei file.js però controllando il codice sorgente della pagina sono sicuro il comando:
codice:
<script type='text/javascript' src='indirizzo file.js'></script>
sia corretto...
La cosa che forse più mi da da pensare è che fancedo una pagina praticamente vuota con solo l'immagine tutto funziona... ma cosa può andare in conflitto!?!?


l'altro script jquery che c'è nella mia pagina è il seguente:
codice:
$(function() {
			// main vertical scroll
			$("#main").scrollable({
				// basic settings
				vertical: true,
				size: 1,
				clickable: false,
				loop: true,
			// main navigator (thumbnail images)
			}).autoscroll().circular().navigator("#navigazione");
		});
e funziona tutto perfettamente implementando le sue librerie...

quale può essere la soluzione? troppi file.js inclusi? bho...

Chiedo a voi! Grazie per l'aiuto!