[erledigt] HTML mit Lightbox in bestimmter Größe öffnen geht nur teilweise

[Kahmoon]

Tach beisammen,

ich muss eine HTML Datei in einer Lightbox öffnen. Diese soll eine fixe Größe haben. Durch die Forumsuche bin ich schon recht weit gekommen. Links, mit einer gewissen Klasse, öffnen die HTML Datei in einer Lightbox und einer festen Größe.

<a class="map cboxElement" data-lightbox="map" href="files/maps/ABS_38_IA/index_abs38.html">
<img width="960" height="426" alt="" src="files/images/Startseite/Karte_Uebersicht_0216.png">
</a>

<script>
$(document).ready(function(){
 $(".map").colorbox({iframe:true, width:1280, height:590});
});
</script>

Das klappt auf der Startseite (hier) gut....die Karte öffnet sich in der gewünschten Größe. Das gleiche Inhaltselement wurde auf dieser Unterseite (hier) eingebunden. Hier ist die öffnende Lightbox aber kleiner.....ich check nicht warum....

Kann mir das jemand erklären bzw. mir vielleicht einen besseren Weg sagen um eine lokale HTML Datei in einer Lightbox zu öffnen?

Vg
Frank

[Kahmoon]

Argh...habe die Lösung..... Mootools war auch noch aktiviert. Das mochte jQuery wohl nicht.

[Spooky]

Wenn du stattdessen

<script>
(function($){
 "use strict";
 $(document).ready(function(){
  $(".map").colorbox({iframe:true, width:1280, height:590});
 });
})(jQuery);
</script> 

schreibst, dann kannst du MooTools aktiviert lassen.

[Kahmoon]

Danke für den Tipp!

[Kahmoon]

Noch mal eine Zusatzfrage. Aktuell gebe ich der Lightbox ja eine fixe Größe vor. Die Karte, die da geöffnet wird, ist allerdings responsive...die Lightbox nicht. Wenn ich aber keine feste Größe vorgebe wird die Lightbox 1x1px geöffnet. Kann ich dagegen was tun ohne eine feste Größe anzugeben?

Bei fotos nimmt er ja automatisch auch immer maximal 95% vom Screen wenn dieser kleiner ist als das Bild selbst

VG

[Sascha]

Die Frage würde mich aktuell auch interessieren!

[Kahmoon]

Ich habe hierzu keine Lösung gefunden. Ich habe jetzt aktuell für solche Fälle "Shadowbox" integriert. Die kann HTML Dateien problemlos öffnen. Die Abfrage ob die normale Lightbox oder Shadowbox verwendet wird, mache ich im Template.

http://www.shadowbox-js.com/ (Seite ist aber gerade irgendwie down)

[Sascha]

Dank Dir.

[Spooky]

Colorbox und Mediabox sind in solchen belangen wirklich etwas starr und veraltet. Momentan gefällt mir die Nivo Lightbox recht gut, habe ich auch vor einiger Zeit als Extension released:

• ER2: [nivo_lightbox]
• GitHub: fritzmg/contao-nivo-lightbox
• Packagist: fritzmg/contao-nivo-lightbox