Ich versuche, ein JavaScript-Skript zum Ändern der Fenstergröße auf einer Seite mit einer jQuery-Diashow auszuführen, aber ich stoße auf einige Fehler, die ich anscheinend nicht beseitigen kann. Die Größe des ersten Bildes wird beim Laden der Seite angepasst, die neuen Attribute für Höhe und Breite für nachfolgende Folien werden jedoch nicht berücksichtigt. Ich kann diese vor und nach der Verwendung von jQuery wieder aktivieren, aber die Bilder blinken vor dem Ändern der Größe immer für einen kurzen Moment in voller Größe.

Ändert jQuery.cycle die Größe der Folien auf ihre ursprüngliche Größe? Wenn ja, wie beende ich das?

$(document).ready(function () {
  $('.slideshow').cycle({
    fx: 'fade',
    speed: 200,
    timeout: 1000,
    pause: 1,
    before: function (currSlideElement, nextSlideElement, options, forwardFlag) {
      resize();
    },
    after: function (currSlideElement, nextSlideElement, options, forwardFlag) {
      resize();
    }
  });

  $('.slideshow').find('img').css("height", "0");
  $('#image').hide().idle(1000).fadeIn();
  resize();
});

$(window).resize(function () {
  resize();
});

function resize() {

  var theheight = window.innerHeight;
  var thewidth = window.innerWidth;

  var imageheight = theheight - 200;

  if (imageheight > 540) {
    imageheight = 540;
  }
  if (imageheight < 300) {
    imageheight = 300;
  }

  var imagewidth = imageheight / 0.6585365;

  $(".slide").css("height", imageheight);
  $(".slide").css("width", imagewidth);
  $(".slide").attr("height", imageheight);
  $(".slide").attr("width", imagewidth);

}