"Link in Link" | Lightbox - Link im Titel

[j-l-n]

Ich benutze diese Lightbox.

Dort gibt man im title des Links die Bildunterschrift an, die beim Klick unter dem sich öffnenden Bild angezeigt wird.
Beispiel:

<a href="image.png" title="Bildunterschrift" data-lightbox="images">

Nun möchte ich allerdings als Bildunterschrift einen Link angeben, was folgend aussieht:

<a href="<?php echo $info['dirname']."/".$info['basename']; ?>" title="<a href='uploaded-files/<?php echo $info['basename']; ?>' target='_blank'>in Originalgröße anzeigen</a>" data-lightbox="images">

Zwar wird der Link korrekt angezeigt, allerdings passiert beim Klick darauf gar nichts...
Er ist jedoch richtig verlinkt, denn wenn ich Rechtsklick/in neuem Tab öffnen wähle, wird das angegebene Ziel aufgerufen.

 

[rico2009]

Kann man in einem Title Attribut einen a-Tag einbauen?

Ich habe so was noch nie gemacht oder gesehen...

 

[j-l-n]

Kann man in einem Title Attribut einen a-Tag einbauen?

Müsste man doch eigentlich schon, oder? Weil man kann da ja eigentlich jeden Text rein schreiben, und wenn der dann halt als HTMl geparst wird...

 

[rico2009]

Ich hab das mal grade probiert. Das HTML wird einfach als Plain-Text dargestellt. Wäre mir auch neu gewesen, wenn das title-Tag HTML auswerten würde.

 

[j-l-n]

Ich hab das mal grade probiert. Das HTML wird einfach als Plain-Text dargestellt. Wäre mir auch neu gewesen, wenn das title-Tag HTML auswerten würde.

Ja, mir auch. Aber hast du's denn mit der Lightbox2 ausprobiert, denn wenn die eingebunden ist, wird das Ganze - wie es soll - eindeutig zu einem Link.
Nur passiert da beim Klick eben nichts...

 

[rico2009]

Nö, ich habs nicht mit einer Lightbox versucht.

Allerdings habe ich die Vermutung, dass das nicht funktionieren wird. Die Lightbox erkennt die Links ja anhand des data-lightbox="images" Attributes. Dieses fehlt im zweiten a (title) und ich vermute mal, dass er dann durcheinander kommt.

Hast du mal ein Online Beispiel dieses Verhaltens?
Bekommst du eventuell irgendwelche Fehler in der Konsole?

 

[rico2009]

Ergänzung:
Ich habe gerade folgendes auf der Demo-Seite der Lightbox gemacht:

<a title="Click on the right side of the image to move forward. <a href='#'>blaa</a>" data-lightbox="example-set" href="img/demopage/image-3.jpg" class="example-image-link"><img width="150" height="150" alt="Plants: image 1 0f 4 thumb" src="img/demopage/thumb-3.jpg" class="example-image"></a>

Der Link wird korrekt in der Lightbox angezeigt... Ziemlich cool, ich hätte nicht gedacht das man im title Attribut a-Tags einbauen kann

 

[j-l-n]

Hast du mal ein Online Beispiel dieses Verhaltens?

Muss mal erst noch etwas ausprobieren...

EDIT:
Wenn du dort (Link entfernt) auf den Text "in Originalgröße öffnen" klickst, passiert gar nichts. Aber wenn du draufklickst und im Kontextmenü Link in neuem Tab öffnen wählst, funktioniert es seltsamerweise...

PS: gibt es keinen BBCode für durchgestrichen?

 

[j-l-n]

Noch eine Frage: die Bilder lese ich mit einer Schleife aus dem Verzeichnis aus:

$folder = "uploaded-files"; 
$all_pictures = scandir($folder); 
foreach ($all_pictures as $picture) {

Allerdings werden nun als erste zwei Bilder der Ordner an sich und das übergeordnete Verzeichnis eingebunden; und nicht nur wie gewünscht die Bilder im Verzeichnis. (--> siehe Link oben)
Wie kann ich das beheben?

 

[kkapsner]

Auf dem Titel ist wahrscheinlich ein event.preventDefault() im onclick. Du könntest mal probieren in dem <a> ein onclick zu registrieren und dort dann event.stopPropagation() aufzurufen. Mal sehen, ob's dann funktioniert.

scandir liefert dir einfach alle Dateien und Ordner in deinem Verzeichnis und "." und ".." sind in jedem Ordner drin...

 

[j-l-n]

Ich hab jetzt mal eine ganz simple, kleine Funktion gebaut:

function open_FullSizeImage(link) {
  "use strict";
  var new_window = window.open(link, '_blank');
  new_window.focus();
  alert("Funktion ausgeführt, Bild in Originalgröße in neuem Tab geöffnet.");
}

Und dann die Verknüpfung in der Lightbox:

<a href="<?php echo $info['dirname']."/".$info['basename']; ?>" title="<?php echo $info['basename']; ?> - <a href='uploaded-files/<?php echo $info['basename']; ?>' target='_blank' onclick='open_newTab(this.href)'>in Originalgröße anzeigen</a>" data-lightbox="images">

<img src="<?php echo $info['dirname']."/".$info['basename'];?> alt="Bild wird geladen" height="100"/></a>

Wie kann ich das Problem mit den angezeigten Ordnern verhindern?

 

[rico2009]

Ich habs bisher immer mit einer simplen if-Abfrage verhindert.

if ($picture != "." && $picture != "..") {
...
}

Hat immer wunderbar funktioniert. Vielleicht gibt es aber auch eine PHP-Funktion dafür, keine Ahnung...

 

[j-l-n]

Ich habs bisher immer mit einer simplen if-Abfrage verhindert.

Stimmt, das ist ne einfache Möglichkeit. Ich dachte nur, vielleicht gibt es direkt einen Parameter, mit dem man die ersten zwei Ergebnisse ("." und "..") nicht berücksichtigt...

 

[rico2009]

Ich kenn keinen...

Aber ich habe gerade das hier PHP: scandir - Manual in der Doku gefunden, dass wäre ne Alternative zum if.

 

[j-l-n]

Aber ich habe gerade das hier PHP: scandir - Manual in der Doku gefunden, dass wäre ne Alternative zum if.

Gut, danke für den Tipp!
_________________________
Thread vollständig gelöst

 

[kkapsner]

dass wäre ne Alternative zum if.

Das ist doch auch ein if...

Wenn man mit DirectoryIterator arbeitet, gibt es ->isDot(): PHP: DirectoryIterator::isDot - Manual

PS: hast du das mit dem event.stopPropagation() ausprobiert? Das sollt verlässlicher funktionieren, da man im FF z.B. einstellen kann, dass mit JS keine neuen Fenster geöffnet werden können.

 

[j-l-n]

hast du das mit dem event.stopPropagation() ausprobiert? Das sollt verlässlicher funktionieren, da man im FF z.B. einstellen kann, dass mit JS keine neuen Fenster geöffnet werden können.

Ja, es klappt perfekt. Ich hab's jetzt darauf umgestellt - danke nochmal!

 

[kkapsner]

Bitte - gern geschehen.