Mootools und jQuery gleichzeitig

[strichcode]

Hallo, bin Anfänger in Sachen javascript und stelle Euch mal meine Frage, weil
ich einfach nicht weiter komme.

Ich habe auf einer website ein blender-script für den header laufen und
weiter unten auf der Seite möchte ich die Bilder mit einer Lightbox vergrößern.

Beides gleichzeitig bekomme ich aber einfach nicht zum Laufen.

Ich habe mit jQuery.noConflict() "herumgespielt" (als mehr kann man das wirklich nicht bezeichnen) aber auch keinen Erfolg damit gehabt.

Könnt Ihr mir vielleicht helfen?

Gruß und danke schonmal
Heike

Hier ein Auszug aus dem Code:

<link rel="stylesheet" href="css/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slimbox.js"></script>

  <script type="text/javascript" src="blender.js"></script>
        <script type="text/javascript">
                $(window).load(function() {
                        // avoid load flicker
                        $('div', '#rotator').removeClass("hide");

                        // start the image rotator
                        setInterval("rotateImages()", 5000);
                });

                function rotateImages() {
                        var oCurPhoto = $('#rotator div.current');
                        var oNxtPhoto = oCurPhoto.next();
                        if (oNxtPhoto.length == 0)
                                oNxtPhoto = $('#rotator div:first');

                        oCurPhoto.removeClass('current').addClass('previous');
                        oNxtPhoto.css({ opacity: 0.0 }).addClass('current').animate({ opacity: 1.0 }, 3000,
                                function() {
                                        oCurPhoto.removeClass('previous');
                                });
                }
</script>

der Aufruf für den Blender:

<div id="rotator">
<div class="current"><img src="top4.jpg" width="1024" height="262" border="0" alt=""/></div>
<div class="hide"><img src="top5.jpg" width="1024" height="262" border="0" alt=""/></div>
<div class="hide"><img src="top6.jpg" width="1024" height="262" border="0" alt=""/></div>
<div class="hide"><img src="top7.jpg" width="1024" height="262" border="0" alt=""/></div>
<div class="hide"><img src="top8.jpg" width="1024" height="262" border="0" alt=""/></div>
</div>

der Aufruf für die Lightbox:

<a href="images/mobilheim_gr.jpg" rel="lightbox[galerie]" title="Ein schickes Bild"><img src="images/thumb-mobilhome.jpg" width="250" height="167" border="0" alt=""/></a></span>
<span class="teaserbildright"><a href="images/mobilheim_gr.jpg" rel="lightbox[galerie]" title="Ein schickes Bild"><img src="images/thumb-mobilhome.jpg" width="250" height="167" border="0" alt=""/></a>

oben beschriebenes Blender-Script ist riesig, das füge ich jetzt mal nicht hier ein.
Im header des Scriptes steht:
/*!
* jQuery JavaScript Library v1.3.2
* jQuery: The Write Less, Do More, JavaScript Library
*
* Copyright (c) 2009 John Resig
* Dual licensed under the MIT and GPL licenses.
* License – jQuery Project
*
* Date: 2009-02-19 17:34:21 -0500 (Thu, 19 Feb 2009)
* Revision: 6246
*/

Ich hoffe, die Angaben sind nun vollständig genug. ;-)

 

[fakerer]

AW: Mootools und jQuery gleichzeitig

hi,
hatte das Problem auch schon mal hab dann einfach alles in einem Framework gemacht und wenn ich das richtig sehe ist die slimbox mootols und da gibts jede Menge alternativen in Jvascript dann ersparst du dir den noconflict mode.

 

[strichcode]

AW: Mootools und jQuery gleichzeitig

Hallo fakerer,
danke für Deine Antwort.

Unter dem Begriff Framework kann ich mir jetzt nichts vorstellen für mein Problem.
Sorry, da verstehe ich jetzt nicht, wie Du das meinst.

und:

ich habe von dieser Seite hier:
einige ausprobiert.
Gerade versuche ich es mit der hier: Fancybox - Fancy lightbox alternative

Es ist immer das gleiche, nur eines von beiden funktioniert.

Es ist zum verzweifeln, irgendwie muß es doch gehen... seufz.

ups: link geht nicht, einfach von der hauptdomain durchklicken zu "lichtboxnachbauten" ;-)

 

[fexx]

AW: Mootools und jQuery gleichzeitig

Unter dem Begriff Framework kann ich mir jetzt nichts vorstellen für mein Problem. Sorry, da verstehe ich jetzt nicht, wie Du das meinst.

Das ist eine Rahmenstrucktur oder auch Prgrammiergerüst und stellt verschiedene Code Muster einer Sprache zur Verfügung.

Framework – Wikipedia

Es ist immer das gleiche, nur eines von beiden funktioniert.

Schick doch bitte mal einen Link zu dienem Probelm ... finde "lichtboxnachbauten" iwie nicht. ;-)


Dann gäbe es noch "noConflict" von jQuery:

jQuery.noConflict() – jQuery API

 

[strichcode]

AW: Mootools und jQuery gleichzeitig

Hallo fexx,
auch Dir danke für Deine Antwort.

Wie oben schon erwähnt, habe ich mit noConflict einige Versuche gemacht,
ohne Erfolg, was ja durchaus an mir liegen kann.

Hier: habe ich mal eine Testseite mit (link gelöscht, weil erledigt)
der mootools slimbox hochgeladen. (ohne die noConflict-Schnipsel)

kommentiert man das Blenderscript aus läuft die lightbox wunderbar, nur zusammen einfach nicht.

Ich wäre wirklich froh, wenn die beiden scripte zusammen laufen würden, sicherlich könnte man die Bilder auch in einen popup vergrößern, aber das wäre bei Weitem nicht so schick wie eine navigierbare Lightboxgalerie.

Und nochmal zu dem Link mit den Lightboxnachbauten: Der Link läuft wohl durch einen Filter, weil das Wort "C*l*o*n*e*s" nicht durchgeht. Also auf dieser Seite sind zig Lightboxnachbauten aufgeführt - eine schöne sammlung von Lightboxlinks also.
dann auf Projekts, dann ziemlich weit unten steht Javascript: Lightbox C*l*o*n*e*s Matrix. (Ich hoffe, das der Link nun so gefunden werden kann)
Dort gibt es auch jquery Lightboxen, die bekomme ich aber genauso nicht zusammen mit dem Blender zum laufen.

 

[strichcode]

AW: Mootools und jQuery gleichzeitig

Danke für die Antworten,
ich habe das hier gefunden: slayeroffice | code | image cross fade redux
ließ sich leicht anpassen und läuft zusammen mit der mootools-lightbox.