MediaBox Downloadlink in der Lightbox?

**marrxx** · 14.06.2010, 21:52

Hallo liebe Gemeinde!

Ich versuche in der Lightbox einen Downloadlink zu realisieren, da es über das Kontext-Menu (Rechtsklick) keine Möglichkeit gibt an das Bild heranzukommen. Über die Slimbox habe ich es auch hinbekommen
im Template:

Code:

...
Slimbox.scanPage = function() {
        $$($$("a").filter(function(el) {
                return el.rel && el.rel.test(/^lightbox/i);
        })).slimbox({/* Put custom options here */}, function(el) {
                return [el.href, el.title + '<br /><a href="' + el.href + '">herunterladen</a>'];
        }, function(el) {
                return (this == el) || ((this.rel.length > 8) && (this.rel == el.rel));
        });
};

window.addEvent("domready", Slimbox.scanPage); 
....

aber ich bekommen es einfach nicht mit der MediaBox hin.

Habt Ihr eine Idee??

Gruß
Marrxx

**mccrossen** · 09.07.2010, 21:51

Kann man nicht im Bildunterschrifttext der Lightbox einen Downloadlink verbauen?

Ich habe hier: http://www.mbc-zwickau.de/sponsoren.php bei dem ein oder anderen Lightboxbild den Beschreibungstext mit Link. Der Text kommt über die meta.txt, welche in jedem Verzeichnis mit Bildern hinterlegt werden kann.

Siehe hier: http://www.typolight-handbuch.de/inh...ergalerie.html >> Meta Datei, einfach anstatt der Bildunterschrift einen HTML Downloadlink verbauen.

Grüße

Marcel

**marrxx** · 29.07.2010, 12:23

Hallo mccrossen,

vielen Dank für die Antwort. Lieder bin ich erst jetzt darauf aufmerksam geworden.
(Falsche Einstellungen in den Benachrichtigungen)
Dies ist auch ein gangbarer Weg, wenn es sich um wenige Grafiken handelt. Dies ist bei mir aber nicht der Fall, außerdem für diejenigen die den Content pflegen sollen doch etwas zu umständlich mit der Pflege der Meta-Datei.

Danke und Gruß
Marrxx

**cgpro** · 18.08.2011, 18:07

Ich habs in der 2.9.5 z.b. so gelöst:

download.php im root erstellen:
<?php

$file = 'tl_system/'.$_GET['file'];

// security check
if (strpos(strtolower($file), '.jpg')) {
header('Content-Type: application/octet-stream');
header('Content-Disposition: attachment; filename="'.basename($file).'"');
header('X-Sendfile: '.$file);
readfile($file);
}
die();
?>

anschließend die plugins/mediabox/js/mediabox.js editieren:
zeile 865
caption.set('html', (options.showCaption && (captionSplit.length > 1)) ? captionSplit[1] : "" + "<a href='download.php?file=" + URL.substr(URL.indexOf('/', URL.indexOf('tl_system/content/'))+1,URL.length).replace(' ', '%20') + "'>Download</a>");

ist jetzt nicht updatesicher, aber erfüllt seinen zweck.

**Flex** · 18.08.2011, 18:09

strpos() sollte man immer typsicher prüfen und ich würde noch prüfen ob die Datei existiert.

PHP-Code:


if (file_exists($file) && strpos(strtolower($file), '.jpg') !== false) {

**cgpro** · 26.08.2011, 06:20

Stimmt, gute Idee! Danke für den Tipp

**andrea$** · 05.09.2011, 11:03

Hallo Liebe Contao-Community,

Mein Szenario:

- Slideshow mit slideItMoo erstellt. 2 sichtbare und 2 zu verschiebende Elemente
- jeweils neues Element/Bild eingefügt (insgesamt 4 Bilder)
- meta.txt geht nicht bei Bild sondern nur bei Galerie, richtig?
- Bilder als Galerie habe ich probiert aber der Link in der meta.txt macht das Vorschaubild zum Link (Bildlinkadresse einfügen)

Außerdem finde ich das mit dem Alternativen Text etwas verwirrend. Der wird doch normalerweise gar nicht angezeigt und ist nur für User die Bilder anzeigen deaktivert haben oder für Textbrowser? Ein Beschreibungstext wäre doch die richtige Bezeichnung? Der Alternatve Text wird für das Vorschaubild und bei der Großansicht unter dem Bild angezeigt.
Ich hätte zum Beispiel gerne für das Vorschaubild ein "title"!

Danke für Denkanstösse oder Lösungsansätze...

Gruß,Andreas

**andrea$** · 18.09.2011, 17:27

Ich rücke das nochmal nach oben, da ich bisher keine Lösung gefunden habe.

Zitat von andrea$

- Slideshow mit slideItMoo erstellt. 2 sichtbare und 2 zu verschiebende Elemente
- jeweils neues Element/Bild eingefügt (insgesamt 4 Bilder)
- meta.txt geht nicht bei Bild sondern nur bei Galerie, richtig?
- Bilder als Galerie habe ich probiert aber der Link in der meta.txt macht das Vorschaubild zum Link (Bildlinkadresse einfügen)

Außerdem finde ich das mit dem Alternativen Text etwas verwirrend. Der wird doch normalerweise gar nicht angezeigt und ist nur für User die Bilder anzeigen deaktivert haben oder für Textbrowser? Ein Beschreibungstext wäre doch die richtige Bezeichnung? Der Alternatve Text wird für das Vorschaubild und bei der Großansicht unter dem Bild angezeigt.
Ich hätte zum Beispiel gerne für das Vorschaubild ein "title"!

Danke für Denkanstösse oder Lösungsansätze...

Gruß,Andreas

**andrea$** · 22.09.2011, 12:20

Mit der Mediabox/Elementtyp "Bilder" geht es im Backend nicht einen Link in das Bild einzufügen. Ob man hier eine tpl oder Script schreiben/bearbeiten muß entzieht sich meiner Kenntnis.

Mit dem Elementtyp "Galerie" funktioniert es mit der meta.txt wie folgt:

Der Eintrag in der meta.txt muß wie folgt aussehen, damit ein Link unter dem Bild angezeigt wird. Hier meine ich nicht das Vorschaubild sondern Großansicht/Neues Fenster:

dateiname.jpg = Beschreibunstext <a href="http://www.domainname.de">Link zur Website</a>

Beim Blick in den Quelltext fällt mir unangenehm auf das die Galerie mit Tabellen erstellt wird... Warum?

leider zeigt der Beschreibungstext auch das HMTL des Links an (moushover beim Vorschaubild title="")! Hier hat doch sicherlich mal jemand seine Mediabox mit Links versehen und diese auch event. gestaltet?

**andrea$** · 07.10.2011, 16:27

Zitat von mccrossen

Kann man nicht im Bildunterschrifttext der Lightbox einen Downloadlink verbauen?

Ich habe hier: http://www.mbc-zwickau.de/sponsoren.php bei dem ein oder anderen Lightboxbild den Beschreibungstext mit Link.

das ist keine Lösung weil der Code dann im Tooltip komplett erscheint!
Schade das es nicht einfach ein Formularfeld in contao gibt, um einen Link unter ein Bild zu setzen.
Ist doch ein Verweis aus den Ursprungszeiten von HTML...

Ich werde jedenfalls nicht müde weiterhin zu fragen, ob es dafür eine Lösung gibt.
Mich wundert es schon, das bei 1.130 Hits so wenig Feedback kommt.

**magicsepp** · 19.11.2011, 09:31

andreas

villeicht hilft die Info: http://iaian7.com/webcode/mediaboxAdvanced#inline

**magicsepp** · 19.11.2011, 10:21

Mit der Mediabox/Elementtyp "Bilder" geht es im Backend nicht einen Link in das Bild einzufügen. Ob man hier eine tpl oder Script schreiben/bearbeiten muß entzieht sich meiner Kenntnis.

einen einfach Link kann man unter Verwenduing des "Alternativer Text" der Lightbox mitgeben z.B.

Code:

[lt]a href="http://www.contao.org/" title="contao.org" target="_blank"[gt]Contao[lt]/a[gt]

Unter dem Bild erscheint nur Contao und es wird ein weiters Fenster mit dem Link geöffnet.

**andrea$** · 20.11.2011, 11:51

Erstmal danke für die Antworten!

wo findet man derartige Tricks?

Leider ist dies auch keine Lösung, denn wenn ich mit der Maus über ein Vorschbild gehe, wird das im Tooltip angezeigt.

HTML-Code:

<a href="http://www.contao.org/" title="contao.org" target="_blank">/a>

Außerdem kann ich dann keinen wirklichen Beschreibungstext mehr einsetzen. Dort steht nun nur noch der Link unter dem Bild in der Großansicht/Neues Fenster. Ich möchte dort aber einen Beschreibungstext und einen Link haben UND beim kleinen Vorschaubild soll auch nur ein Beschreibungstext stehen und nicht ein HTML-Code!

Diese inline-content-dingens ist wohl für Galerien nicht so geeignet...

**magicsepp** · 20.11.2011, 13:20

wo findet man derartige Tricks?

selbe Seite wie im Post weiter oben unter "images".

Außerdem kann ich dann keinen wirklichen Beschreibungstext mehr einsetzen

Verstehe ich nicht - muss nur dazu geschrieben werden ... also text link geht genauso

würde nur noch die unschöne ToolTip Sache übrigbleiben ...

**andrea$** · 20.11.2011, 16:48

Zitat von magicsepp

selbe Seite wie im Post weiter oben unter "images".

???

Zitat von magicsepp

würde nur noch die unschöne ToolTip Sache übrigbleiben ...

Die ist nicht nur unschön sondern die Herangehensweise ist einfach falsch! Das title-Atribut wird hier imho falsch eingesetzt, in diesem Fall für das einsetzen eines Links missbraucht.

The title attribute may be set for both A and LINK to add information about the nature of a link. This information may be spoken by a user agent, rendered as a tool tip, cause a change in cursor image, etc.

Quelle

**magicsepp** · 21.11.2011, 06:26

Zitat Zitat von magicsepp Beitrag anzeigen
selbe Seite wie im Post weiter oben unter "images".

???

mediaboxAdvanced

Links missbraucht

Ich stimme Dir zu das dieser Weg etwas frei gewählt ist, aber es ist eine einfache Möglichkeit an dieser Stelle einen Link zu bekommen ohne sich tiefer mit Javascript und Co zu beschäftigen.