Lightbox

Read-Only-Modus

Das 01-Supportforum befindet sich im Read-Only-Modus. Es ist nicht mehr möglich sich zu registrieren, neue Themen zu erstellen oder auf bestehende Themen zu antworten.

Alle Inhalte stehen bis auf absehbare Zeit jedoch weiterhin lesend zur Verfügung.


Bei Fehlern oder Problemen mit PHP-Scripten von 01-Scripts.de erstellen Sie gerne einen Issue-Eintrag auf Github oder nehmen Sie per E-Mail Kontakt auf.

  • Hallo Herr Lorer,


    leider funktioniert die Lightbox nicht.


    Folgende Scripte sind zusätzlich eingebunden:


    <script type="text/javascript" src="engine1/jquery.js"></script>



    <!-- DIRS21 Schnellbuchungsbox - Konfiguration -->
    <script src="http://www.dirs21.de/DIRS21_QuickBook/D21QuickBook.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
    d21BookingLink = "https://www.dirs21.de/dirs21_book/XXXX/default.aspx";
    d21PackageLinkVisible = true;
    d21EZ = true;
    d21DZ = true;
    d21SU = true;
    </script>


    Hier scheint es einen Konflikt zu geben. Ich vermute jquery.
    Gibt es hierfür einen Lösungsansatz ???


    Vielen Dank

  • Hallo zusammen - und erst mal vielen Dank für das grossartige Skript! :)


    Ich muss das Thema hier nochmals aufgreifen, denn leider funktioniert das mit "noConflict" bei mir nicht... Ich bin auch kein "Porfi", sondern eher interessierter Bastler :)


    ... wie genau muß ich das machen? Ich habe es zur Zeit SO umgesetzt, jedoch funktioniert die Lightbox im Artikelsystem nicht... Egal, ob aktiviert oder nicht: Bilder werden in einem neuen Fenster geladen.


    Lade ich NUR das eingebundene Schnippselchen aus einer extra php-Datei ohne <script>, dann gehts mit der Lightbox alles wunderbar...



    oder ist das die falsche Stelle?


    Meine Seite nutzt ansich die Fancybox aus JQuery... Gibt es vielleicht die Möglichkeit, dem Artikelscript lieber auch die Fancybox "aufzudrücken", statt mit JQuery UND Mootools über Umwege zu hantieren...? Welche Dateien müßte ich dann aus dem Artikelskript "anfassen"...?

  • Zitat

    Meine Seite nutzt ansich die Fancybox aus JQuery... Gibt es vielleicht die Möglichkeit, dem Artikelscript lieber auch die Fancybox "aufzudrücken", statt mit JQuery UND Mootools über Umwege zu hantieren...? Welche Dateien müßte ich dann aus dem Artikelskript "anfassen"...?

    Hallo,


    ja, das sollten wir hinbekommen können.
    Welchen JavaScript-Code verwenden Sie den momentan um die Fancybox einzubauen?


    MfG,
    Michael

  • Hallo Herr Lorer, danke für die schnelle Antwort ;)


    Im <head> habe ich folgendes:


    PHP
    1. <link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
    2. [...]
    3. <script src="js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
    4. [...]
    5. </head>




    und eine Klasse bei den Bildern



    PHP
    1. <a href="images/work/7.jpg" class="fancybox"> <img src="images/work/7.jpg" alt=""> <div class="overlay"> <span>Nullam a ullamcorper diam</span> </div> </a>


    Das funktioniert auch alles einwandfrei.


    Die Seite ist noch in der Entwicklung - ich habe Ihnen mal einen Link geschickt (PN).

  • Hallo,


    probieren Sie mal folgendes aus:
    Deaktivieren Sie die Verwendung der Lightbox in den Einstellungen im 01ACP.
    Fügen Sie dann in ihre Seite nach dem Include der genannten Dateien folgenden Code ein:


    PHP
    1. <script type="text/javascript">
    2. $(document).ready(function() {
    3. $("a.lightbox").fancybox();
    4. $("fancybox").fancybox();
    5. });
    6. </script>


    MfG,
    Michael

  • Hallo,


    ich bekomme die fancybox nicht zum laufen.


    Folgenden Code habe ich eingefügt (laut fancybox Homepage), und anschließend die Codezeilen von Ihnen. (siehe Bild 1)


    Problem ist nur, ich habe ein sog. Carousel in der Page, ein News-Laufband.....
    sobald ich den Code einfüge, funktioniert die Fancybox, aber die Animation des Carousel funktioniert nicht mehr.
    Code vom Carousel in Bild 2


    LG Peter

  • Ich habe eine Testseite eingerichtet:
    www.frohsinn-niederbrechen.de/test.php


    Die Lightbox ist in den ACP Einstellungen deaktiviert und die Fancybox Dateien sind auf dem Server sowie die Fancybox Codes in der PHP.
    Wenn ich mittels Mozilla das Element live untersuche, sagt er mir den Fehler: "TypeError: $(...).fancybox is not a function".


    Das Bild im ersten Artikel sollte sich eigentlich mit der Fancybox öffnen, tut es aber leider nicht ;(


    LG Peter

  • Das Problem besteht wohl weil Sie auf einer Seite zwei verschiedene Versionen der jQuery-Lib einbinden:



    In der 2. und in der 24. Zeile.
    Bitte mal die Zeile 24 entfernen:

    Code
    1. <script type="text/javascript" src="jquery-1.11.1.min.js"></script>