Lightbox Galerie ohne Thumbnails

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Lightbox Galerie ohne Thumbnails

    Hallo Zusammen,

    ich suche jetzt schon einige Zeit nach einer Möglichkeit die Galeriefunktion des Scriptes "Lightbox 2 " ohne die vorherige auflistung der Thumbnails zu nutzen.

    Gerne hätte ich nur einen Link z.B.: "zur Galreie" und dann soll sich das Lightboxfenster öffnen.

    Um aber eine Galerie anzeigen zu können muss man die Bilder wie folgt vorher gruppieren:

    PHP-Code:
    <a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a> 
    Gibt es Jemanden, der sich mit dem Script auskennt!

    Vielen herzlichen Dank
    Gruß Jan

  • #2
    So würds bestimmt gehen:
    Code:
    <a rel="lightbox[foo]" href="1.jpg">Zur Galerie</a>
    <div style="display:none;">
        <a rel="lightbox[foo]" href="2.jpg">2</a>
        <a rel="lightbox[foo]" href="3.jpg">3</a>
        <a rel="lightbox[foo]" href="4.jpg">4</a>
    </div>
    Oder du änderst die Sourcen der Lightbox und änderst folgende Zeile
    PHP-Code:
    document.observe('dom:loaded', function () { new Lightbox(); }); 
    in
    PHP-Code:
    document.observe('dom:loaded', function () { Lightbox.Instance = new Lightbox(); }); 
    Und fügst noch die nachfolgende JS-Funktion irgendwo in dein Skript hinzu:
    PHP-Code:
    function lblink ) {
        
    Lightbox.Instance.imageArray = [
            [
    '1.jpg''1'],
            [
    '2.jpg''2'],
            [
    '3.jpg''3']
        ];
        
    Lightbox.Instance.start( {
            
    rel'lightbox',
            
    href'4.jpg',
            
    title'4'
        
    } );

    Anschließend kannst du deinen Link so aufbauen:
    Code:
    <a href="wohin_auch_immer" onclick="lb();">Zur Galerie</a>
    Ist komplett ungetestet, aber so in die Richtung sollte das gehen.

    Kommentar


    • #3
      Hallo!

      Erstmal vielen herzlichen Dank für deine Mühen!
      Ich habe deinen Code jetzt wie beschrieben verändert. Leider funktioniert es noch nicht wirklich.

      Es öffnet sich zwar das Bild mit dem die Lightbox starten soll, leider kann man nicht auf "next" oder änliches drücken. Dies auch nur wenn man den code: rel="lightbox" noch in den link einfügt.

      Muss ich in deiner funktion
      PHP-Code:
      function lblink ) { 
      in diesem Teil noch was ändern. Hier verstehe ich nicht ganz, woher die variable link kommt.

      Vielen herzlichen Dank aber für deinen Tip sowiet!

      Gruß jan

      Kommentar

      Lädt...
      X