Я использовал класс CSS в макете одного из приложений для отображения изображения в качестве фона всей страницы.
<body class="image">
Я использую коллекцию изображений и хочу, чтобы изображение менялось случайным образом при загрузке страницы. Я использую следующий фрагмент кода java-script на странице, которая использует вышеупомянутый макет:
<script>
var rand = Math.floor(Math.random() * 50) + 1;
$("<style/>", { text: ".image {background: url(/images/covers/" + rand + ".jpg); background-repeat: no-repeat;background-position:center center;background-size: cover;"}).appendTo('body');
</script>
все работает хорошо, но при загрузке страницы изображения загружаются медленно (около 5 или 6 секунд).
Я больше всего подчеркиваю, какая медленная загрузка происходит только тогда, когда приложение запускается через IIS. Когда я запускаю приложение из Visual Studio, изображения меняются с приемлемой скоростью. И я должен добавить, что при использовании только одного статического изображения в классе CSS для покрытия фона моей страницы оно загружается очень быстро (как в IIS, так и в VS).
Есть идеи?