Das Problem hat sich auf wundersame Weise ganz von selber gelöst! Keine Ahnung warum, jedenfalls kommen die Overlays auf dem iPad jetzt auch korrekt.
Dafür haben sich neue Probleme mit der Mediabox aufgetan:
Ich mache per Hyperlink eine auf dem Server liegende HTML-Seite auf. Grundsätzlich funktioniert das auch. Im Hyperlink habe ich die Größen mit angegeben: Die werden jedoch von der Mediabox ignoriert, stattdessen wird eine Box mit der Standardeinstellung 680*435 geöffnet. Da mir das eindeutig zu klein ist, habe ich im Template defaultWidth und defaultHeight gesetzt (da ich dort ohnehin einige Anpassungen drin hatte):
PHP-Code:
<?php
// Add mediabox style sheet
// $GLOBALS['TL_CSS'][] = 'plugins/mediabox/'. MEDIABOX .'/css/mediaboxAdvBlack21.css||static';
$GLOBALS['TL_CSS'][] = 'tl_files/.../themes/css/mediabox_IN.css||static';
?>
<script src="<?php echo TL_PLUGINS_URL; ?>plugins/mediabox/<?php echo MEDIABOX; ?>/js/mediabox.js"></script>
<script>
Mediabox.scanPage = function() {
var links = $$('a').filter(function(el) {
return el.getAttribute('data-lightbox') != null;
});
$$(links).mediabox({
// Put custom options here
counterText: '({x} von {y})',
loop: true,
overlayOpacity: 0.6,
defaultWidth: 960,
defaultHeight: 700,
resizeDuration: 100
...
</script>
Damit funktionert's dann auf localhost.
Wenn ich das Ganze auf den (noch nicht öffentlichen) Testserver lade, wird das Stylesheet richtig gefunden, der Rest meiner Templateänderung wird jedoch einfach ignoriert, auch die Fenstergröße und ich habe wieder ein Mini-Fenster.
Im HTML der Seite sehe ich nach dem ersten Aufruf des Scripts ganz unten nach den Scriptaufrufen:
HTML-Code:
<div id="mbOverlay" style="opacity: 0; width: 1245px; height: 855px; display: none;"></div>
<div id="mbCenter" class="" style="top: 755px; left: 623px; width: 680px; height: 435px; margin-top: -237px; margin-left: -360px; display: none;">
Irgendwie werden also meine Template-Angaben einfach vom Script überschrieben und die Größenangaben beim Hyperlink-Aufruf funktionieren erst gar nicht.
Am iPad ist es dann nochmals anders:
Dort wird nur ein Minifensterchen aufgerufen mit dem Link zur Seite und dem Hinweis im neuen Fenster anzuzeigen. Wenn ich da drauf klicke, funktioniert das auch im neuen Fenster. Grundsätzlich hätte ich da nichts dagegen, aber ohne die Zwischenstation mit dem Link wär's schöner.
Allmählich bin ich ratlos. Wär schön, wenn mir jemand etwas Erleuchtung bringen könnte...
Lesezeichen