Есть такой вот скрипт, который выводит картинки в случайном порядке:
//параметры из url
function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
vars[key] = value;
});
return vars;
}
$('#speed-p').val(getUrlVars()["speed"]); //параметры select
$('#speed-p-m').val(getUrlVars()["speed"]);//параметры select
//вывод изображений
$(function () {
var current = 0,
$imgs = jQuery('#exercise .cbk');
imgAmount = $imgs.length;
$($imgs.css('position', 'absolute').hide().get(0)).show();
window.setInterval(swapImages, 1000);
function swapImages() {
var $currentImg = $('.cbk:visible');
var $nextImg = $('.cbk:hidden').eq(Math.floor(Math.random() * $('.cbk:hidden').length));
speed = 0;
$currentImg.fadeOut(speed);
$nextImg.fadeIn(speed);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="exercise">
<div class="cbk">
<img src="images/1.png" class="img-responsive" />
</div>
<div class="cbk img-responsive">
<img src="images/2.png" class="img-responsive" />
</div>
<div class="cbk">
<img src="images/3.png" class="img-responsive" />
</div>
<div class="cbk">
<img src="images/4.png" class="img-responsive" />
</div>
</div>
Проблема в том, что в Safari все работает отлично, но в Google Chrome на разных версиях — или вообще не запускается или запускается, но после перезагрузки страницы перестает работать (помогает только если заново зайти на страницу). Методом тыка пытался разобраться, но поскольку я новичок ничего не помогло. Прошу помощи коллективного разума.