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!