• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Slimbox2: Javascript-API funktioniert nicht

  • Ersteller Ersteller Sempervivum
  • Erstellt am Erstellt am
S

Sempervivum

Guest
Liebe Javascript-Experten,
ich habe heute versucht, Slimbox2 mit der Javascript-API zum Laufen zu bringen, aber war leider nicht erfolgreich. Fehlerkonsole meldet: "H is undefined". Leider verstehe ich die Anweisungen im Slimbox-Javascript-File nicht, so dass mir diese Meldung nichts sagt. Ich habe mal eine Seite nur mit den Slimbox2-Anweisungen vorbereitet:
Home
Kann jemand helfen?
Viele Grüße - Ulrich
 
Das ist bei minimierten Code fast nicht möglich, es sei den jemand hatte schonmal das gleiche Problem.
 
Hier ein prinzipiell lauffähiges Beispiel:

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript" src="js/slimbox2.js"></script>
        <link type="text/css" rel="stylesheet" href="css/slimbox2.css" />
        
        <script type="text/javascript">

        $(function () {
            $('#demo').slimbox();
        });

        </script>

    </head>

    <body>
        
        <p><a id="demo" href="http://imgs.xkcd.com/comics/youtube_parties.png">Demo</a></p>

    </body>

</html>
 
Hallo Mermshaus,
danke für die Antwort. Das löst aber mein Problem nicht, denn ich muss die Lightbox ausschließlich durch einen Javascript Code öffnen, ohne Klick auf einen Link.
Siehe hier: Carousel and LightBox, Step 3
Lieghtbox 2, wie es dort angegeben wird, funktioniert leider nicht mit dem IE, deshalb wollte ich auf Slimbox umstellen.
 
Zuletzt bearbeitet von einem Moderator:
Ich meine mich zu erinnern, dass auf deiner Demoseite aber auch ein Link war. ;)

HTML: 
<!DOCTYPE html>

<html lang="en">

    <head>
        <meta charset="utf-8" />
        <title>New</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
        <script type="text/javascript" src="js/slimbox2.js"></script>
        <link type="text/css" rel="stylesheet" href="css/slimbox2.css" />

        <script type="text/javascript">

        $(function () {
            jQuery.slimbox("http://imgs.xkcd.com/comics/youtube_parties.png");
        });

        </script>

    </head>

    <body>

    </body>

</html>
 
Schon, aber den hatte ich nur benutzt, um den Javascript-Code zu aktivieren. Habe dafür jetzt Buttons genommen.
 
Habe es jetzt mit etwas try-and-error hinbekommen, aber eine Frage ist noch offen geblieben, siehe meine Demoseite Home
Das Array images ist in der Datei lightboxedcarousel.js definiert, genau so wie die Funktion disp(). Auf die Funktion kann ich von der index-Seite aus zugreifen, nicht jedoch auf das Array. Warum ist das so?
 
Stellst du denn diesmal wenigstens auch die Frage, die du tatsächlich beantwortet haben willst? ;)

Ich habe nicht mehr so ganz große Lust, dir Beispiele zu deinen Fragen zu machen, die am Ende überhaupt nichts mit dem zu tun haben, was du eigentlich willst.
 
Nein, keine Beispiele. Meine Frage war, warum ich auf eine Funktion zugreifen kann, die in einer anderen JS-Datei definiert ist, nicht jedoch auf ein Array.
 
Aaaaah ja, leuchtet ein! In der Tat, wenn ich den Variablennamen aendere, funktioniert es. Vielen Dank fuer den Hinweis! An der Stelle waere es besser, wenn die Interpreter etwas pingeliger waeren und auf dem document.images bestehen wuerden.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben