xtcSlimboxPic (Einzelbildbild/Bildersets mit Lightboxeffekt)

[yodatortenboxer]

Hallo Andreas,

Wenn ich Klassisch "Bildset einzeln" auswähle muss ich auch sagen aus welchen Verzeichnis er die Bilder holen soll - Dann zeigt er natürlich alle Bilder als Thumbnails nebeneinander an - UND DAS MÖCHTE ICH IN DIESEM FALL NICHT.
Aber den direkten Link zur Lightbox schon.
Wie kann ich das hinbekommen, dass er die Thumbnails nicht anzeigt?

die eigentliche Codegenerierung für die Ausgabe inkl. dem Thumb fidnet in der function.xtcSlimPic.php im includes Verzeichnis statt.
Hier steht in der fast letzten Zeile:

Code: Alles auswählen

 return '<a href="'.$xtcScaledSlimPicZ.'" rel="'.$xtcSlimPicRel.'" title="'.$medianame.$description.'"><img src="'.$xtcScaledSlimPicTumb.'" border="0"></a>';

Die Codeausgabe ist dann dementsprechend so:

Code: Alles auswählen

<a href="HierDasZoomBild.JPG" rel="lightbox[wau]" title=""><img src="HierDasThumbBild.JPG" border="0"></a>

Hier kannst du also die Ausgabe anpassen.

Ich hatte es auch schon einmal für einen Kunden so angepasst, das nur das erste Bild als Thumb dastand und mit Click darauf dann alle Bilder aus dem Verzeichnis per Lightbox angezeigt werden.
Dazu musste ich nur die Schleife im Output so anpassen, das beim ersten Bild (ersten Schleifendurchlauf) noch eine andere CSS-Klasse hinteregt wurde.
Dann habe ich alle auf display none gesetzt und nur die eine dementsprechend nicht.
Alternativ könnte man auch alle per CSS mit position absolut übereinanderlegen. Dann würde ebenfalls nur noch das oberste sichbar sein.

Grundsätzlich funktioniert es so, das alle Bilder durch den Ausgabecode wie schon oben beschrieben generiert werden.
Mehrere bilder ergeben dann dementsprechend:

Code: Alles auswählen

<a href="HierDasZoomBild1.JPG" rel="lightbox[wau]" title=""><img src="HierDasThumbBild1.JPG" border="0"></a>
<a href="HierDasZoomBild2.JPG" rel="lightbox[wau]" title=""><img src="HierDasThumbBild2.JPG" border="0"></a>
<a href="HierDasZoomBild3.JPG" rel="lightbox[wau]" title=""><img src="HierDasThumbBild3.JPG" border="0"></a>

Das Javascript erkennt im Link anhand dem rel="lightbox[wau]" das diese Bilder alle zu einer Bildergalerie gehören.
Für einen Textlink müsste man also nur dementsprechend einen Link in den Quelltext schreiben wie zum Beispiel:

Code: Alles auswählen

<a href="HierDasZoomBild.JPG" rel="lightbox[wau]" title="">Hier der Linktext und Gut</a>

Wenn es schnell gehen sollte, würde ich also so einen Text-Link machen, die Thumbs wegen der Ladezeit auf 1x1 Pixel machen und per CSS auf display none stellen.

Gruß Ralf

[DerAndi]

Hi Ralf, ich Danke Dir sehr. Das Klappt sehr gut. Auch die Idee "wenns mal schnell gehen soll".

Das mit dem Hintergrundbild (Frage von Heute) - Habe ich doch schnell selber mit der slimbox.css lösen können.

Code: Alles auswählen

...
#xtcSlimboxPic a {
display:block; 
width:100px; 
height:100px; 
background-image:url(../images/dummy.png);
...
}

vg Andreas

[DerAndi]

Hallo ContenidoInteressierteMenschen

Das mit dem Einzelbild-Aufruf Funktioniert sehr Gut - Danke nochmal dafür, Ralf.

Ich möchte jetzt gerne, daß ich mit einem Link das ERSTE Bild aus der Galerie aufrufe und dann innerhalb der LightBox (Wie gewohnt) navigieren kann ...

Ich habe Deinen Vorschlag Ralf mit der Erweiterung der Schleife und CSS nicht ganz verstanden - Und Naiv das hier ausprobiert:

Code: Alles auswählen

<a title="" rel="lightbox[xtended cooperation]" href="upload/DieBilder/GalerieBild1.jpg">
<img border="0" src="images/ButtonZurGalerie.jpg">
</a>

Er macht es zwar und geht in die Galerie rein und Zeigt das Bild1.jpg inkl. NaviagtionsElemente an ... ABER ... wenn ich auf "next" klicke zeigt er das Bild1.jpg aber nochmal an ... erst danach geht´s normal weiter ... irgendwie ist das dann dauerhaft doppelt hintereinander vorhanden.

Weiss Jemand wie ich das besser hinkriege?

Über einen Tipp würde ich mich sehr freuen. VG DerAndi

[DerAndi]

Vieleicht muss ich die Frage Konkreter stellen:
Ich möchte einfach nur wissen ob ich die Galerie von einen externen Button oder Link (z.B. Start Galerie) aufrufen kann?

VG DerAndi

[yodatortenboxer]

Hallo,

Ich möchte einfach nur wissen ob ich die Galerie von einen externen Button oder Link (z.B. Start Galerie) aufrufen kann?

Das hatte ich an einem Beispiel oben schon beschrieben:

Das Javascript erkennt im Link anhand dem rel="lightbox[wau]" das diese Bilder alle zu einer Bildergalerie gehören.
Für einen Textlink müsste man also nur dementsprechend einen Link in den Quelltext schreiben wie zum Beispiel:

Code: Alles auswählen

 <a href="HierDasZoomBild.JPG" rel="lightbox[wau]" title="">Hier der Linktext und Gut</a>

Für einen Textlink zum Aufrufen innerhalb der Seite musst du es also nur so hinterlegen:

Code: Alles auswählen

<a href="HierDasErsteZoomBild.JPG" rel="lightbox[xtended cooperation]" title="">Start Galerie</a>

Gruß Ralf

[Spider IT]

Hallo Andi,

in den Links gibt es die Angabe rel="lightbox[xtended cooperation]" worüber die Lightbox Gallery die zugehörigen Bilder erkennt und beim Klick die Lightbox öffnet.
Wenn du auf der Seite kein Bild haben, stattdessen aber über einen Link die Lightbox öffnen möchtest, dann musst du nur pro Bild einen Link ausgeben, wobei nur beim ersten Link ein Text eingefügt ist (leere Links sind auf der Seite nicht sichtbar).
Beispiel:

Code: Alles auswählen

<a href="upload/DieBilder/GalerieBild1.jpg" rel="lightbox[xtended cooperation]">Bildergalerie</a>
<a href="upload/DieBilder/GalerieBild2.jpg" rel="lightbox[xtended cooperation]"></a>
<a href="upload/DieBilder/GalerieBild3.jpg" rel="lightbox[xtended cooperation]"></a>
<a href="upload/DieBilder/GalerieBild4.jpg" rel="lightbox[xtended cooperation]"></a>

Für jeden vorhandenen Link wird in der Lightbox dann das entsprechende Bild angezeigt.
Dein Problem jetzt ist ganz einfach, dass durch den zusätzlichen Link das zugehörige Bild in 2 Links vorhanden ist und demzufolge auch 2 x in der Lightbox auftaucht.

Gruß
René

[DerAndi]

Danke Dir Spider. Daher weht also der Wind.

Wie kann ich das denn umgehen? Vieleicht irgendwo wieder was abziehen?

VG DerAndi

Nachtrag: Also, wenn es da jetzt keine schöne Lösung für gibt, muss ich wohl eine zweite "Parallel" Galerie anlegen (und die 1 Pixwevariante von Ralf anwenden) – Dann das erste Bild der dieser Galerie woanders ablegen und dann über einen grafischen Button (START GALERIE) die Galerie starten … Elegant ist was anderes – Aber mir fällt da sonst nichts ein.

[Spider IT]

Hallo Andi,

du kannst natürlich im Modul die Ausgabe der Bilder unterdrücken und beim erstel Link dein Text oder eben doch das Bild oder sogar ein ganz anderes Bild ausgeben lassen, dann hast du weiter nur die Links.
Oder du musst genau wissen welches das erste Bild ist und nur für dieses im Modul den Link unterdrücken.

Gruß
René

[prepress89]

Hallo,

bin gerade dabei ein neues CONTENDIO-Projekt aufzubauen - inkl. der Slimbox. Habe diese schon etliche Male erfolgreich angewendet, auch schon die mootools.js aktualisieren müssen (wegen neuerer Serverversionen) etc. Hat alles immer wunderbar geklappt.

Nun klappts allerdings irgendwie nicht mehr. Habe alles wie bisher korrekt eingebunden und installiert. Und zwar werden die Bilder ausgelesen und die Thumbs angezeigt, aber sobald ich auf eins klicke geht ein neues Fenster/Tab mit dem Popupbild auf. Also keine Lightbox. JS-mäßig ist alles wie bei den anderen Projekten. Auch der Server ist der selbe... !??

Ratlos.. vielleicht habt ihr ja 'ne Ahnung an was es noch liegen könnte?

Grüße Alex

[prepress89]

Weiß niemand eine Lösung? Ich bin echt am verzweifeln. Ich kanns mir einfach nicht erklären, da ich das Model schon so oft erfolgreich angewendet habe..

//edit: Lösung wurde übrigens gefunden. Das Problem war wohl eine Komplikation zwischen jQuery und Motools..