Ergebnis 1 bis 2 von 2

JavaScript/jQuery (FancyBox): Download Link in eine HTML-Beschreibung einfügen

  1. #1 Zitieren
    Veteran Avatar von Tiranu
    Registriert seit
    Feb 2010
    Beiträge
    500
    Hallo, ich arbeite gerade ein wenig auf meiner Webseite mit fancybox, doch da ich eigentlich keine Ahnung von Javascript und so habe, weiß ich gerade nicht so richtig weiter.

    Ich habe in einem HTML-Dokument über den "alt"-Tag eines Bildes eine individuelle Bildbeschreibung definiert, und diese in einer js-Datei modifiziert:

    Code:
    [...] <img alt = "Überschrift <br> Beschreibung" [...]
    Code:
    [...]
    beforeLoad : function() {
            this.title = $(this.element).find('img').attr('alt');
    },				
    
    
    afterLoad : function() {
    
    // Image x of y:
    	this.title = '' + (this.index + 1) + ' / ' + this.group.length + '' + (this.title ? ' - ' + this.title : '<br>');	
    	
    // Facebook Like Button	
    	this.title += '<br>' + '<iframe src="[...]/' + this.href + '[...]></iframe>';	
    				
    // Twitter Button
            this.title += '< [...] data-url="[...]/' + this.href + '" >Twittern</a>';
    },
    [...]

    Das sieht dann etwas folgendermaßen aus:
    Code:
    1 / 5 - Überschrift
    Beschreibung
    [Facebook like Button] [Twitter share Button]

    Nun möchte ich mit folgendem Code eine Download-Option für das jeweilige Bild anbieten:
    Code:
     //Download
    this.title += '<a href="' + this.href + '">Download</a> ';

    Mein Problem besteht eigentlich darin, dass ich den Download nicht wie die anderen Zusätze an den Anfang oder an das Ende des Titel-Textes haben möchte, sondern unmittelbar hinter der Überschrift bzw. vor dem <br>-Tag:
    Code:
    1 / 5 - Überschrift Download
    Beschreibung
    [Facebook like Button] [Twitter share Button]

    Leider habe ich keine Ahnung, wie ich in diesen String "hinein" komme.
    Ich dachte mir, man könnte vielleicht die Zeichen bis zum <br>-Tag zählen lassen und dann irgendwie den Text in zwei Teile teilen. Ich kann mich wage erinnern, dass wir so etwas ähnliches mal in der Schule in Visual Basic gemacht haben, habe aber keine Ahnung, ob das auch in Javascript geht.



    Ich hoffe jemand kann mir weiterhelfen
    ~Tiranu



    PS:
    Kann mir vielleicht noch jemand erklären, was folgender Ausdruck bewirkt:
    Code:
    (this.title ? ' - ' + this.title : '<br>')
    Tiranu ist offline

  2. #2 Zitieren
    Drachentöter Avatar von Eduard Bär
    Registriert seit
    Oct 2006
    Beiträge
    4.856
    Zitat Zitat von Tiranu Beitrag anzeigen
    PS:
    Kann mir vielleicht noch jemand erklären, was folgender Ausdruck bewirkt:
    Code:
    (this.title ? ' - ' + this.title : '<br>')
    Das ist eine IF-Abfrage. Wenn this.title gesetzt ist, dann wird ' - ' + this title zurückgegeben, sonst '<br>'.
    Wenn also ein Titel existiert, dann wird dieser auch angezeigt, ansonsten wird mit einem Zeilenumbruch weitergemacht.

    Zu dem anderen Problem kann ich dir nicht viel sagen, nur soviel: this.title ändert nur das alt-Attribut im Imagetext. Da einen Downloadlink einzubauen ist vermutlich der falsche Ansatz.
    Eduard Bär ist offline

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •