Я пытаюсь запустить скрипт изменения размера окна JavaScript на странице с показом слайдов цикла jQuery, но у меня появляются некоторые ошибки, которые, похоже, не срабатывают. Он изменяет размер первого изображения при загрузке страницы, но затем забывает новые атрибуты высоты / ширины для последующих слайдов. Я могу установить их снова до и после использования jQuery, но изображения всегда кратковременно вспыхивают в полном размере перед изменением размера.

JQuery.cycle изменяет размер слайдов до их исходного размера? Если так, как я могу остановить это?

$(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);

}