✔ Mootools und jQuery gleichzeitig

[ichhupegerne]

Hallo,
ich bin keine Leuchte in Sachen javascript, wage es aber dennoch Euch die Frage zu stellen, 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.
http://api.jquery.com/jQuery.noConflict/

Auch habe ich von dieser Seite hier: http://planetozh.com/projects/lightbox-clones/
verschiedene Lightboxe ausprobiert, aber es ist immer das selbt.
Es funktioniert immer nur eines von beiden.

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>

Hier: habe ich mal eine Testseite mit
der mootools slimbox hochgeladen. (ohne die noConflict-Versuchs-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.

 

[m0dpad]

Hallo,
im Normalfall ist es nicht nötig 2 Frameworks zu verwenden, ich wüsste jetzt nicht was man mit Mootools machen kann, was man mit jQuery nicht auch kann. Entscheide dich für ein Framework und suche dann die passenden Plugins dazu.

 

[pxlArtizzt]

Hallo,
im Normalfall ist es nicht nötig 2 Frameworks zu verwenden, ich wüsste jetzt nicht was man mit Mootools machen kann, was man mit jQuery nicht auch kann. Entscheide dich für ein Framework und suche dann die passenden Plugins dazu.

Dito. Das kann ich nur unterstreichen

 

[ichhupegerne]

Danke für die Antworten.
Bei der Suche habe ich http://slayeroffice.com/code/imageCrossFade/xfade2.html gefunden,
daß ließ sich leicht anpassen und läuft zusammen mit der mootools lightbox.