2 JavaScripte schließen sich aus?

[Shalana]

Hallo,

ich muss nochmal nerven

Ich möchte gerne 2 Javascripte auf meiner Seite verwenden.

Einmal Lavalamp (Navi): http://www.gmarwaha.com/blog/2007/08...jquery-lovers/

und dann Visual Light Box Gallery: http://visuallightbox.com/ (oder kennt ihr eine gute Alternative die etwas ähnliches erzeugt?)

Jedenfalls läuft entweder NUR die Navigation oder NUR die gallery... beides zusammen geht nicht Warum??

Das steht im Header, wenn ich versuche beides zum laufen zu bringen (es verursacht, dass die Navi nicht mehr geht...)

<script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>

    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
    </script>
      
    <script src="engine/js/prototype.js" type="text/javascript"></script>
		<script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>

Woran könnte es liegen?

lg

Shalana

[max.m]

Das hier sollte Abhilfe verschaffen.

[Shalana]

Danke dir für die schnelle Hilfe, nur ich steh total auf dem Schlauch

Ich hab jetzt das hier:

<script>
     // Use jQuery via jQuery(...)
     jQuery(document).ready(function(){
       jQuery("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>

eingefügt (habs auch mit den anderen probiert...) Aber irgendwie bleibt es alles gleich. Muss ich da noch irgendwas verändern???

Sorry ich weiß ich bin echt doof, aber ich checks einfach nicht

tschöö!

[Shalana]

Es funktioniert einfach nicht

So siehts bei mir aus, was mach ich falsch?:

 <script src="engine/js/prototype.js" type="text/javascript"></script>
    <script src="engine/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 
    <script type="text/javascript" src="jquery-1.1.3.1.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    

    
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
    </script>

<script>
     var $j = jQuery.noConflict();
     
     // Use jQuery via $j(...)
     $j(document).ready(function(){
       $j("div").hide();
     });
     
     // Use Prototype with $(...), etc.
     $('someid').hide();
   </script>

[Boris]

Also ehrlich gesagt solltest du einfach zwei Skripte suchen, die ähnlich sind und nur auf einem JS-Framework basieren - wobei ich klar jQuery empfehle.

[phpBuddy]

IDs sollten auch nicht rein numerisch sein, wie dein #1, #2, #3, usw. Verwende lieber ordentliche Bezeichner, wie etwa #item-1, #item-2, #item-3, usw. Sowas hilft einfach von vornherein Fehler und seltsames Verhalten von Scripts auszuschließen.

[Shalana]

hmmm also dieses #1,#2,#3 das war so vorgegeben vom Script her, kann ich das einfach ändern??

Ich habs jetzt mit nem anderen Script versucht, nämlich Sexy Lightbox 2: http://www.coders.me/lang/en/web-htm...exy-lightbox-2

was auch auf JQuery beruht.

Trotzdem geht nix

So langsam fühl ich mich echt doof

    <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery.easing.min.js"></script>
    <script type="text/javascript" src="jquery.lavalamp.min.js"></script>
    
      <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
    </script>
<script  type="text/javascript" src="sexylightbox.v2.3.jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
02.  SexyLightbox.initialize({
03.    find          : 'sexylightbox', // rel="sexylightbox"
04.    color         : 'negro',
05.    dir           : 'http://www.yoursite.com/images/',
06.    emergefrom    : 'bottom',
07.    OverlayStyles : {
08.      'background-color': '#FF0000',
09.      'opacity' : 0.3
10.    }
11.  });
12.});</script>

In der anleitung stand dass man folgenden Code einfügen muss:

<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

Hab ich aber weggelassen weil ich den ja eh schon abrufe für Lavalamp. Ist doch richtig oder??

[max.m]

Du bindest Version 1.1.3.1, hier ist es aber 1.3.2. Versuch es mal indem Du 1.3.2 einbindest.