nicht angemeldet
Tag,
Es geht darum, dass ich zwei Javascripts gleichzeitig auf einer Seite laufen lassen möchte - die sich allerdings gegenseitig stören.
Wäre nett, wenn mir da kurz jemand sagt wo ich was ändern muss.
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
Dein Problem ist schlicht, dass du einerseits JQuery einsetzt, andererseits Mootools. Beides sind, grob gesagt, Funktionssammlungen, um an Webseiten herumzuwurschteln, und beide stellen, um Zugriff auf die Elemente der angezeigten Seite zu bekommen, eine Funktion namens $ zur Verfügung.
Dummerweise bezieht sich Mootools $-Funktion nur auf das id-Attribut, JQuerys $-Funktion kann hingegen mit fast der ganzen weiten Welt der CSS-Selektoren umgehen. Hast du ein Element <p id="bla">, bekommst du es seitens Mootools mit $("bla") zufassen, bei JQuery hingegen mit $("#bla"). Dementspechend geht's in die Hose, wenn irgendwas, was in blindem Vertrauen auf Mootools aufsetzt (zum Beispiel dein slideshow.js), unerwarteterweise mit JQuerys $() arbeiten muss - und umgekehrt natürlich genauso.
Achte bei der Auswahl der Spielereien darauf, dass alle auf einer Sammlung aufsetzen. Die gängingen Effekte sollten sich jedenfalls für alle finden lassen.
Gunnar Bittersmann