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

[kamil4u]

Co znaczy nie chcą działać? Daj jakąś stronę testową.

Po co używać 2 bibliotek? Odpowiedników lightbox-a na jQuery jest bardzo dużo( to samo tyczy się prototype i slider-a ). Wybierz jedną bibliotekę i dobierz odpowiednie skrypty, a wszystko pójdzie o wiele łatwiej.

[leewang]

Nie chce działać, tzn jak dam ten kod, co tutaj wkleiłem, to nie pojawia się przycisk od slidera-a, ale działa litebox, jak usunę kod liteboxa to działa slider.

Ten post edytował leewang 3.12.2011, 22:30:23

[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

[leewang]

Działa, jak ręką odjął wszystko się uruchamia, a już miałem nerwy że nie da się tego zrobić.

Bardzo, bardzo Ci dziękuję Zegarek84.

Na pewno poczytam o tym co mi napisałeś.