Hi,
ich habe einen einfachen Button, was muss ich dem Link hinzufügen (z.b CSS Klasse) um eine Colorbox aufzurufen?
LG
& Danke
Hi,
ich habe einen einfachen Button, was muss ich dem Link hinzufügen (z.b CSS Klasse) um eine Colorbox aufzurufen?
LG
& Danke
Der Link bräuchte das data-lightbox Attribut.
Und je nachdem was da geladen werden soll, muss eventuell in diesem Template die Variable iframe auf true gesetzt werden. Siehe auch http://www.jacklmoore.com/colorbox/
Wenn du mehrere Links hast und willst sie in der offenen Box durchblättern, dann müssen die zusammengehörigen noch einen Bezeichner bekommen. Z.B.
HTML-Code:data-lightbox="myAlbum1"
Bitte!
Vor Anfragen im Forum HTML validieren.
Codesnippets hier im Froum sauber einrücken. Nur Tabs o. nur Leerzeichen verwenden.
Vielen Dank an alle Wunschlistenerfüller
Andreas Burg, Web Solutions
Hallo noch einmal, ich möchte beim Seitenaufruf eine Colorbox aufrufen, dass mache ich mit folgendem Code:
Wenn ich diese Colorbox schließe, verschwindet sie aber der Inhalt steht dann noch auf der Seite.HTML-Code:<script> (function($){ $(document).ready(function(){ $.colorbox({ inline:true, href:"#mb_popup", loop: false, maxWidth: '95%', maxHeight: '95%', close: "?", opacity: 0.3 }); }); })(jQuery); </script> <style> #mb_popup { max-width: 500px; padding:30px 30px; margin:20px 30px; } #cboxClose { display: block !important; background: none; font-size: 30px; line-height: 25px; width: 25px; cursor: pointer; text-align: center; text-transform: uppercase; font-weight: 600; border-radius: 0; } </style> <div id="mb_wrapper"> <div id="mb_popup">{{iflng::de}}{{insert_article::5892}}{{iflng}}{{iflng::en}}{{insert_article::5893}}{{iflng}}</div> </div>
Füge ich der ID mb_popup ein "display:none" hinzu, sehe ich beim Aufruf den Inhalt nicht.
WWie kann ich das lösen?
VG & Danke
Edit: Habee es hinbekommen, habe eine Conatiner mit display:none herrum gelegt.
Geändert von fr3d83 (10.09.2019 um 19:51 Uhr)
Wenn das die Colorbox ist (https://www.jacklmoore.com/colorbox/), dann stehr dort unter Event Hooks, daß Du wahrscheinlich 'cbox_closed' verwenden kannst, um die betreffenden Inhalte selbst zu entfernen. Ungetestet wohl etwa so:
Edit:Code:// Garantiert ungetestet™? $(document).bind('cbox_close', function(){ $("#mb_popup").remove() });
Oder so. Dann wären die Inhalte noch da, falls Du sie später doch noch ein Mal brauchst/anzeigen willst.
Contao-Community-Treff Bayern: http://www.contao-bayern.de
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen