Kilka skryptów JS na jednej stronie, Problem ze sliderem i liveboxem Opcje

[leewang]

Witam

Chciałbym dodać na stronie dwa skrypty Lightbox i slider.

W header mam:

[XML] pobierz, plaintext 
<script type="text/javascript" src="js/jquery.js"></script>
			<script type="text/javascript" src="js/easySlider.packed.js"></script>
 
				 <script type="text/javascript">
 
					$(document).ready(function(){	
 
						$("#slider").easySlider({
 
							orientation:'vertical',
							prevText: 'Wstecz',
							nextText: 'Dalej'
						});
 
					});
 
				</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>
[XML] pobierz, plaintext 

Tylko jest problem, bo nie chcą działać obydwa skrypty na raz. Jak to naprawić? Proszę o pomoc.

Pozdrawiam

[zegarek84]

jeśli nie masz jeszcze niżej wywołań jQuery którego skrótowy zapis zostaje nadpisany przez bibliotekę Prototype (felerną nazwę wybrali - jak piszę o prototype to ludzie o bibliotece od razu myślą) to zastąp ten kod:

Kod

                    $(document).ready(function(){    

                        $("#slider").easySlider({

                            orientation:'vertical',
                            prevText: 'Wstecz',
                            nextText: 'Dalej'
                        });

                    });

TYM:

Kod

(function($){
                    $(document).ready(function(){    

                        $("#slider").easySlider({

                            orientation:'vertical',
                            prevText: 'Wstecz',
                            nextText: 'Dalej'
                        });

                    });
})(jQuery);

jeśli chcesz się dopytywać dlaczego to robi różnice to poczytaj o zasięgu zmiennych w JavaScript i o referencjach do zmiennych...
ps. zamiast konstrukcji (function(lokalny){...})(bedzie_lokalny) można zastosować składnię +function(lokalny){...}(bedzie_lokalny) ale jest mniej intulicyjna

lub zamiast skróconego znaku $ stosuj jQuery lub poczytaj o .noconflict w manualu czy jakoś tak się metoda zwie...

Ten post edytował zegarek84 3.12.2011, 22:43:03