Bilderansicht - Mobil

[Offe]

Hallo zusammen,

Wenn ich auf meinem IPad Bilder in den Fotoalben anschaue, dann sind die Navigationspfeile am linken bzw. Rechten oberen Rand des Bildes. am PC sind diese in der Mitte des Bildes.

Gruß Offe

[fasse]

Hi Offe,

wann siehst du die denn auf dem IPad? Normalerweise erscheinen die doch nur, wenn man mit der Maus darüber geht. Beim Ipad gibt es so etwas ja nicht, da klickt man direkt.

Viele Grüße
Fasse

[Offe]

Hallo Fasse,

ich habe dir mal zwei Screenshots vom iPad angefügt, die das Problem genau zeigen sollten:

Gruß Offe

[weissst]

Hallo,

ich hab den Fehler jetzt gefunden, kann jedoch keine echte Lösung anbieten.
dieses Verhalten kommt in Browsern vor, die das Bild noch nicht geladen haben, jedoch bereits melden bereit zu sein für weitere Aktionen (z.B.: Chrome).
In diesem Fall rechnet unser verwendetes Plugin (ekko-lightbox) die Höhe des Bildes aus, bevor es geladen wurde, somit ist es 0px hoch. Und da der Zeiger in der hälfte dieser Höhe sein will, ist er auch bei 0.

Problem in zeile 340ff $(this).parent().height()

als workaround kann ich derzeit nur anbieten etwas mit einem Fixwert zu machen, da ich von diesem addon keine ahnung habe:

this.lightbox_container.find('a').css('line-height', function() {
adm_height = $(this).parent().height();
if ($(this).parent().height() == 0){
adm_height = 480;
}
return adm_height + 'px';
});

hab es jedoch mal den Programmierern mitgeteilt.

lg
Stefan

[fasse]

Hmm, dann würde ich es erst einmal so belassen, bis wir ggf. eine bessere Lösung im Plugin haben. Ansonsten ist die Änderung beim nächsten Update des Plugins doch weg.

Aber du kannst natürlich auch erst mal diese Lösung einbauen. Die Gefahr ist nur da, dass dies beim nächsten update weg ist.

[fasse]

Ich hab das mal als Issue erfasst, so dass es nicht verloren geht, wenn wir es bis zur finalen Version nicht gelöst bekommen.

https://github.com/Admidio/admidio/issues/67

[XimeX]

Ich hab einen fix dafür. jedoch sollte der entwickler der lib den fehler fixen:
https://github.com/ashleydw/lightbox/issues/122

Code: Alles auswählen

//ekko-lightbox.js Line 315ff

preloadImage: function(src, onLoadShowImage) {
  var img,
    _this = this;
  img = new Image();
  if ((onLoadShowImage == null) || onLoadShowImage === true) {
    img.onload = function() {
      var image;
      image = $('<img />');
      image.attr('src', img.src);
      image.addClass('img-responsive');
      _this.lightbox_body.html(image);
      if (_this.modal_arrows) {
        _this.modal_arrows.css('display', 'block');
      }
      // Start Fix
      image.load(function() {
        _this.resize(img.width);
      });
      // End Fix
      return _this.options.onContentLoaded.call(_this);
    };
    img.onerror = function() {
      return _this.error('Failed to load image: ' + src);
    };
  }
  img.src = src;
  return img;
}

[XimeX]

fixed in 3.0.2
commit https://github.com/Admidio/admidio/comm ... fdc5004750