Hallo zusammen!
ich kriege es nicht hin, beide biliotheken (jQuery und Prototype) konfliktfrei auf meiner Website zu integrieren.
Ich habe bereits alle möglichkeiten von
>hier< probiert und auch einige andere Blog erklärungen zurate gezogen. Ganz egal, wo im ich <head> die scriptzeilen eingefügt habe: nichts hatte funktioniert.
Laut jQuery.com müsste ich ja eigentlich nur ein Paar Zeilen in den <head> kopieren, soweit ich das richtig verstanden habe, müsste das bei mir dann so aussehen?!:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="imagelink.js"></script>
<!-- ----- Lightbox ----- -->
<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>
<!-- ----- Coda-Slider ----- -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>
<!-- ----- Script um zusätzliche elemente des Sliders mit CSS definieren zu können ----- -->
<script type="text/javascript">
$().ready(function() {
$('#coda-slider-1').codaSlider();
});
</script>
<!-- ----- Script von jQuery.com um den Konflikt zu lösen ----- -->
<script>
jQuery.noConflict();
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').hide();
</script>
</head>
Ich habe es auch andersherum probiert, sodass jQuery zuerst geladen wird:
HTML-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="imagelink.js"></script>
<!-- ----- Coda Slider----- -->
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>
<!-- ----- Script um zusätzliche elemente des Sliders mit CSS definieren zu können ----- -->
<script type="text/javascript">
$().ready(function() {
$('#coda-slider-1').codaSlider();
});
</script>
<!-- ----- Script von jQuery.com um den Konflikt zu lösen ----- -->
<script>
// Use jQuery via jQuery(...)
jQuery(document).ready(function(){
jQuery("div").hide();
});
// Use Prototype with $(...), etc.
$('someid').hide();
</script>
<!-- ----- Lightbox ----- -->
<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>
</head>
Einzeln funktionieren Lightbox und Codaslider ohne Probleme, also wenn ich
Code:
<script type="text/javascript" src="js/prototype.js"></script>
bzw.
Code:
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.coda-slider-2.0.js"></script>
entferne.
Vielleicht fällt euch ja auf Anhieb was auf!
Wahrscheinlich mache ich bei jeder Variant den Selben Anfängerfehler...
Mir platzt gleich der Schädel! Ich probiere und suche jetzt schon seit Stunden und fall gleich vom Stuhl. Ich weiß nicht weiter..
Bei anderen Leuten scheint die Anleitung von jQuery.com ohne Probleme zu funktionieren.
Ich würde mich wirklich sehr über hilfe freuen!!
Ich freue mich sehr über eure Hilfe!