Lightbox Galerie ohne Thumbnails

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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.

    Comment


    • #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

      Comment

      Working...
      X