Contao-Camp 2024
Ergebnis 1 bis 17 von 17

Thema: Lightbox mit Bildunterschrift (Caption)

  1. #1
    Contao-Nutzer
    Registriert seit
    31.05.2011.
    Beiträge
    91

    Standard Lightbox mit Bildunterschrift (Caption)

    Hallo,

    ich bin auf der Suche nach einer Lightbox in welcher die Bildunterschrift mit ausgegeben wird. Das war, glaube ich, mal Standard über eine Meta.txt - seit ein paar Contao Versionen direkt über den Dateimanager. Die Colorbox bekomme ich irgendwie nicht dazu überredet die Bildunterschrift mit auszugeben, da kommt nur der Dateiname.

    Gibt es da Ideen?

    Grüße,
    Christian

  2. #2
    Contao-Fan
    Registriert seit
    16.11.2012.
    Ort
    Freiburg
    Beiträge
    539

    Standard

    Wenn du eine Galerie nutzen willst, musst du einen Titel in der Dateiverwaltung hinterlegen und dann erhälst du ein eine Caption.
    Wenn du nur ein Bild anzeigen willst, musst du bei Titel was hinterlegen.

  3. #3
    Contao-Nutzer
    Registriert seit
    31.05.2011.
    Beiträge
    91

    Standard

    Hallo 07alex07,

    jepp, soweit so gut. Das habe ich gemacht, jedoch gibt die Lightbox nur den Dateinamen aus. Die im Dateimanager angegebene Bildunterschrift fehlt. In der Galerie habe ich die Bildunterschrift - in der lightbox nur den Dateinamen.

    Grüße,
    Christian

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.464
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Christian,

    in der Dateiverwaltung gibt es auch ein Feld für die Bildunterschrift, siehe Screenshot.
    Angehängte Grafiken Angehängte Grafiken
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Contao-Nutzer
    Registriert seit
    31.05.2011.
    Beiträge
    91

    Standard

    Ok,

    Ich habe in der Dateiverwaltung nur in "Bildunterschrift" meine Beschreibung für das jeweilige Bild angegeben. Komischerweise gibt die Galerie das richtig aus, die lightbox kann anscheinend nur den Titel ausgeben. Das heißt man muss das zweimal eingeben - eigentlich ziemlich doof.

    Nur Titel - Lightbox i.O., Galerie - keine Anzeige
    Nur Bildunterschrift - Galerie i.O., Lightbox - keine Anzeige

    Da ich im Template von der Lightbox nichts an der Ausgabe anpassen kann (ich finde da nichts) werde ich wohl oder übel das Template von der Galerie auf den Titel "umbiegen".

    Ist so etwas ein Ticket wert?
    Geändert von savuti (14.03.2016 um 14:31 Uhr)

  6. #6
    Contao-Fan
    Registriert seit
    16.11.2012.
    Ort
    Freiburg
    Beiträge
    539

    Standard

    du könntest per Javascript dir die Caption noch mit ausgeben lassen.

    z.B:
    Code:
    ...
    maxHeight: '95%',
              onComplete: function() {
              	$("#cboxTitle").before('<div id="cboxCaption">' + $(this).next().text() + '</div>');
              },
              onClosed: function() {
              	$('#cboxCaption').remove();
              }
    ....

  7. #7
    Contao-Nutzer
    Registriert seit
    31.05.2011.
    Beiträge
    91

    Standard

    Hmm,

    danke für den Tipp. Mit dem Schnipsel wird aber auch der Titel ausgegeben.

    Grüße,
    Christian

  8. #8
    Contao-Fan
    Registriert seit
    16.11.2012.
    Ort
    Freiburg
    Beiträge
    539

    Standard

    das kannst du ja auch ausblenden per CSS ;-)

  9. #9
    Contao-Nutzer
    Registriert seit
    31.05.2011.
    Beiträge
    91

    Standard

    Ups,

    nee, ich meinte das in "cboxCaption" nicht die Bildunterschrift ausgegeben wird, sondern auch der Titel drin steht. "display: none;" kenne und liebe ich...

  10. #10
    Contao-Fan
    Registriert seit
    16.11.2012.
    Ort
    Freiburg
    Beiträge
    539

    Standard

    du musst cboxCaption stylen

  11. #11
    Contao-Nutzer
    Registriert seit
    31.05.2011.
    Beiträge
    91

    Standard

    Jepp, ich glaube wir reden aneinander vorbei. Bei deinem Codeschnipsel ist der Inhalt von "cboxTitle" und "cboxCaption" identisch. Es wird also nicht die Bildunterschrift in "cboxCaption" ausgegeben, sonder da steht auch der Titel drin (zusätzlich zu der Ausgabe in "cboxTitle"). Keine Ahnung wie man an die Bildunterschrift mit Javascript kommt. In der colorbox.js finde ich nirgends "caption"...

  12. #12
    Contao-Fan
    Registriert seit
    16.11.2012.
    Ort
    Freiburg
    Beiträge
    539

    Standard

    naja nicht ganz.

    der Code fügt vor das #cboxTitle ein neues Element <div id="cboxCaption">TEXT</div> mit dem Inhalt deiner Caption.
    Du kannst dir auch eine andere Position aussuchen. Das war nur ein Beispiel ;-)

  13. #13
    Contao-Nutzer
    Registriert seit
    16.11.2016.
    Beiträge
    49

    Standard Caption wird mehrfach ausgegeben

    Liebe Community,
    ich habe Schwierigkeiten mit der Bildunterschrift in der Colorbox. Mein Template sieht so aus:

    PHP-Code:
    <?php

    // Add the colorbox style sheet
    $GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css|static';

    ?>

    <script src="<?= TL_ASSETS_URL ?>assets/colorbox/js/colorbox.min.js"></script>
    <script>
      jQuery(function($) {
        $('a[data-lightbox]').map(function() {
          $(this).colorbox({
            // Put custom options here
            loop: false,
            rel: $(this).attr('data-lightbox'),
            maxWidth: '95%',
            maxHeight: '95%',
            title: false,
            current: false,
            fadeOut: 300,
            onComplete: function() {
              $("#cboxTitle").after('<div id="cboxCaption">' + $(this).next().text() + '</div>');
            },
            onClosed: function() {
              $('#cboxCaption').remove();
            }
          });
        });
      });
    </script>
    Das führt jedoch in der Lightbox-Gallery dazu, dass die Bildunterschrift mehrfach ausgegeben wird:
    Screenshot 2018-07-19 13.00.42.png
    Screenshot 2018-07-19 13.00.49.png

    Bei jedem Klick auf "Weiter" wird eine neue Bildunterschrift generiert.

    Hat jemand einen Tipp?

    Herzlich
    dudette
    Geändert von dudette (19.07.2018 um 13:06 Uhr)

  14. #14
    Contao-Fan
    Registriert seit
    16.11.2012.
    Ort
    Freiburg
    Beiträge
    539

    Standard

    Hättest du ein Link zur Seite das man sich die Sache anschauen kann?
    Grüße
    Alex

  15. #15
    Contao-Nutzer
    Registriert seit
    15.03.2010.
    Ort
    AT
    Beiträge
    204

    Standard Caption für Colorbox in Contao

    Getestet mit der Colorbox-Version in Contao 4.
    Template: j_colorbox.html5

    PHP-Code:
    <?php

    // Add the colorbox style sheet
    $GLOBALS['TL_CSS'][] = 'assets/colorbox/css/colorbox.min.css|static';

    ?>
    <style>
    /* CSS in eigenes File auslagern */
    #cboxLoadedContent { position: relative; }
    .extra-info {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000;
        color: #fff;
        opacity: 0.8;
        filter: alpha(opacity=80);
        padding: 10px;
        
    }
    </style>
    <script src="<?= $this->asset('js/colorbox.min.js''contao-components/colorbox'?>"></script>
    <!--Contao 3:  script src="<?= TL_ASSETS_URL ?>assets/colorbox/js/colorbox.min.js"></script--> 
    <script>
      jQuery(function($) {
        $('a[data-lightbox]').map(function() {
          $(this).colorbox({
            // Put custom options here
            loop: false,
            rel: $(this).attr('data-lightbox'),
            maxWidth: '95%',
            maxHeight: '95%'
          });
        });
        
        $("a[data-lightbox]").colorbox();

        $(document).bind('cbox_complete', function(){
            var extra = $.colorbox.element().next('.caption').text();
            $('#cboxLoadedContent').append('<div class="extra-info">'+extra+'</div>');
        });

      });
    </script>
    Geändert von heyho (16.05.2019 um 13:05 Uhr)

  16. #16
    Contao-Nutzer
    Registriert seit
    10.04.2010.
    Ort
    Stuttgart
    Beiträge
    25

    Standard

    Super, danke Dir!
    Der letzte Post brachte die Lösung.
    Viele Grüße
    Oliver Schroth

  17. #17
    Alter Contao-Hase
    Registriert seit
    12.10.2010.
    Beiträge
    1.016

    Standard Contao 4.8.2

    Hi,

    ich suche auch nach einer Möglichkeit, die Bildunterschrift (figcaption) in der Lightbox anzeigen zu lassen.

    Ist der PHP-Code von heyho auch für Contao 4.8.2 gültig?

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

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