Contao-Camp 2024
Ergebnis 1 bis 1 von 1

Thema: Lightbox soll über ein Template (svg) aufgerufen werden

  1. #1
    Contao-Nutzer
    Registriert seit
    22.07.2014.
    Beiträge
    1

    Standard Lightbox soll über ein Template (svg) aufgerufen werden

    Hallo,
    auf meiner Seite wird ein Bild mit klickbaren Bereichen (als Template eingebunden) angezeigt. Einer dieser Bereiche verweist auf ein Bild, welches in einer lightbox angezeigt werden soll.
    Momentan öffnet sich eine Seite mit schwarzem Hintergrund inkl. des angesteuerten Bildes - allerdings fehlt die "Schließen-Option".

    Hat jemand eine Idee für den Aufruf einer lightbox aus dem Template?

    Dankeschön

    So sieht der Link in dem svg-template aus:
    HTML-Code:
    <a class="lightbox" xlink:href="files/werum/img/events/virtualshow/test-journey_blau_2000.png" data-lightbox="">
    	<polygon style="opacity:0.03;fill:#FFFFFF;" points="508,252 318,250 220,291 220,64 734,100 738,204 552,194 	"/>
    </a>
    j_colorbox.html5:
    HTML-Code:
    <script>
      (function($) {
        $(document).ready(function() {
        	 // Die Seite mit der Klasse "lightbox" als Lightbox in der Navi öffen
      $('a.lightbox').attr('data-lightbox', "");
      
             //externe Seiten
      $("a.external").colorbox({
            iframe :true,
            width: "80%",
            height: "80%"
          });
      
          $('a[data-lightbox]').map(function() {
            $(this).colorbox({
              // Put custom options here
              loop: false,
              rel: $(this).attr('data-lightbox'),
              maxWidth: '95%',
              maxHeight: '95%'
              
            });
            // next lines are new
            if($(this).hasClass('colorbox_content')){
    		$(this).colorbox({inline:true});
    		} else {
    		$(this).colorbox({inline:false});
    		}
    		//end
          });
        });
      })(jQuery);
    </script>
    Geändert von kirstinkohtz (11.03.2021 um 11:24 Uhr)

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
  •