Far convivere Jscrollpane e Lightbox, è possibile?

[AltF4]

Ciao a tutti, non sono molto pratico di Javascript e come specificato in oggetto, il mio problema è far convivere lo script Jscrollpane e Lightbox.

Ho creato una pagina che li contiene entrambi, naturalmente Lightbox per l'ingrandimento delle immagini e Jscrollpane per lo scroll compatibile con Firefox.

L'errore che ricevo è il seguente:

Riga: 3675
Carattere: 9
Errore: Proprietà o metodo non supportati dall'oggetto
Codice: 0

Gli script sono disposti in questo modo:

<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>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>

				<script type="text/javascript" id="sourcecode">
					$(function()
					{
						$('.scroll-pane').jScrollPane();
					});
				</script>

Se li inverto, cioè inserisco prima lo script Jscrollpane e dopo lo scritp Lightbox l'errore che ricevo è diverso ed è il seguente:

Riga: 34
Carattere: 7
Errore: 'null' è nullo o non è un oggetto
Codice: 0

Inoltre nel primo caso funziona Jscrollpane, ma non funziona lightbox, mentre nel secondo caso accade il contrario.

Non so proprio cosa fare

Un aiuto?

[Vindav]

utilizza il metodo noConflict di jquery

[AltF4]

Ti ringrazio, non conoscevo il metodo noConflict, l'ho cercato ed ho trovato questo:

<script type="text/javascript">
  $.noConflict();
</script>

l'ho applicato, ma non ci sono stati cambiamenti.

Credo che vada aggiunto qualche parametro, ma non saprei da dove cominciare

Qualche suggerimento?

[Vindav]

cerca nel forum è stato spiegato piu volte come utilizzare il suddetto metodo

[AltF4]

Prima di fare una ricerca specifica ho fatto una prova seguendo quel poco che avevo intuito e credo di aver risolto, non ricevo errori e funzionano entrambi gli script, ho fatto in questo modo:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="script/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="script/jquery.mousewheel.js"></script>
<script type="text/javascript">
  $.noConflict();
  jQuery(document).ready(function($) {
					$(function()
					{
						$('.scroll-pane').jScrollPane();
					});
  });
</script>


<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>

Riporto il tutto per chi si ritroverà ad avere lo stesso problema.

Grazie mille per la dritta