Galerie 
Autor: Jens WahlHallo,
seit Version 2019.2.7 habe ich ein seltsames Verhalten: In der Vorschau werden die Bilder korrekt angezeigt. Exportiere ich die Webseiten in einen ordner und öffne eine davon dort, werden nur die beidne Pfiele (rechts, links und dazwischen nein gaaaannnz kleines Bild angezeigt - ein Teil des Balkens unterhalb der Bilder.
ich habe mir den erzeugten Quellcode angesehen (den <script>-Teil):
var imObjectGallery_131_65_settings = {'target': '#imObjectGallery_131_65','backgroundColor': 'transparent','description': { 'fontSize': '11pt','fontFamily': 'Verdana','fontStyle': 'normal','fontWeight': 'normal'},'autoplay': false,'thumbs': { 'position': 'none', 'number': 2 },'controlBar': { 'show': true, 'color': 'rgba(35, 169, 240, 1)' },'random': false,'fullScreen': false,'slideshow': { 'active': true, buttonPrev: { url: 'gallery/b20_l.png', x: -40, y: 0, width: 24, height: 25 }, buttonNext: { url: 'gallery/b20_r.png', x: -40, y: 0, width: 24, height: 25 }, nextPrevMode: 'visible'},'media': [{'type': 'image','width': 800,'height': 407,'url': 'gallery/img_01.jpg','description': 'Passwort-Ansicht','autoplayTime': 5000,'effect': 'none'},{'type': 'image','width': 800,'height': 406,'url': 'gallery/img_02.jpg','description': 'Kategorien-Ansicht','autoplayTime': 5000,'effect': 'none'},{'type': 'image','width': 786,'height': 600,'url': 'gallery/img_03.jpg','description': 'Passwort-Formular','autoplayTime': 5000,'effect': 'none'},{'type': 'image','width': 800,'height': 406,'url': 'gallery/img_05.jpg','description': 'aktiver Filter','autoplayTime': 5000,'effect': 'none'},{'type': 'image','width': 800,'height': 562,'url': 'gallery/img_07.jpg','description': 'Druckvorschau','autoplayTime': 5000,'effect': 'none'}]};var dataimObjectGallery_131_65 = null; function loadimObjectGallery_131_65() { var startIndex = 0; if(!!dataimObjectGallery_131_65) { imObjectGallery_131_65_settings.startFrom = dataimObjectGallery_131_65.currentItemIndex(); } var w = 0; var h = 0; w = $('#imObjectGallery_131_65').width(); w = w + (-80); var wImageMax = 800; wImageMax = wImageMax + (-80); w = Math.min(w, 800); h = w * 600 / 800; imObjectGallery_131_65_settings.width = w; imObjectGallery_131_65_settings.height = h; dataimObjectGallery_131_65 = x5engine.gallery(imObjectGallery_131_65_settings); } x5engine.boot.push(function() { var imObjectGallery_131_65_resizeTo = null, imObjectGallery_131_65_width = 0, isFirstTime = true; loadimObjectGallery_131_65(); x5engine.utils.onElementResize(document.getElementById('imObjectGallery_131_65').parentNode, function (rect, target) { if (imObjectGallery_131_65_width == rect.width) { return; } imObjectGallery_131_65_width = rect.width; if (!!imObjectGallery_131_65_resizeTo) { clearTimeout(imObjectGallery_131_65_resizeTo); } imObjectGallery_131_65_resizeTo = setTimeout(function() { if(!isFirstTime) { loadimObjectGallery_131_65(); } else { isFirstTime = false; } }, 50); }); });
Ändere ich die Stelle if(!isFirstTime) in if(isFirstTime), dann werden die Bilder wieder exakt angezeigt. Doch es ist doch nicht meine Aufgabe, jede Webseite nach dem Export manuell nachzubearbeiten?!
Wie kann das Problem gelöst werden?
Hinweise: b20_r.png und b20_l.png sind eigene Bildobjekte. Tausche ich diese gegen die standardmässig mitgelieferten aus, ändert sich nichts.
Mit freundlichen Grüßen
Jens
Besteht das Problem auch Online oder nur wenn du in ein Laufwerk exportierst?
Es kann z.B. sein, dass genau diese Seite ein php Seite ist und dann kann es diese nicht offline auf dem PC korrekt angezeigt werden. Wenn dann müsste man eine Serverebene schaffen mit xampp oder ähnlichem.
Autor
Danke für die Antwort. Online habe ich es noch nicht probiert, da ich die ganze Webseite umbaue und mit dem jetzigen Zwischenstand nichts veröffentlichen möchte. Ich werde es vielleicht mal mit einer Unterdomäne probieren.
Mich wundert nur, dass in der Vorschau noch alles korrekt ist bei gleichem HTML-Code.
(It > De) ... immer für echte Tests zu tun oder nach Altervista zu exportieren, besonders wenn man um Hilfe bittet und offensichtlich den LINK hier veröffentlicht.
Export der Website auf ein Laufwerk...in einem neuen Ordner.
... für lokale Tests am PC Step_5 |
.
ciao
.
Autor
Danke für die Hilfen. Diese liefen aber leider in die falsache Richtung:
Ich habe die Ursache gefunden: Eine von mir eingebundene CSS-Datei für mein selbst erstelltes Tabs-(Reiter-)Objekt. Benenne ich diese Datei um, ist zwar die Formatierung des Tabs-Objektes futsch, aber die Galerie wird korrekt geladen. Ich habe schon alle möglichen Stellen ausgeblendet in der CSS-Datei, aber keinen Erfolg gehabt. Welche Formatierung den Effekt verursacht, weiß ich also noch nicht.
Die Hauptursache bleibt für mich das geänderte Script für die Galerie: Ersetze ich das Script von 2019.2.7 durch das von 2019.2.4, klappt immer noch alles wie gewünscht.
Verhalten: Klicke ich das erste Mal auf den dritten Reiter (den mit der Galerie), werden nur die Pfeile (rechts, links) und dazwischen ein klitzekleines Stück der Galerie angezeigt. Klicke ich auf einen anderen Reiter und kehre wieder zurück, wird die Galerie korrekt angezeigt - seltsam. Das gleiche passiert, wenn ich die Größe des Browserfensters ändere - anscheinend wird bei beiden Vorgängen die Galerie nochmals geladen. Doch weshalb nicht im Normalfall?
Für mich habe ich erst einmal einen Workaround gefunden: Belege ich den Reiter mit der Galerie standardmässig als selected, wird schon beim Laden der Seite alles korrekt angezeigt. Nicht schön, aber als Übergangslösung kann ich damit leben.
Jens.