0

Есть такой вот скрипт, который выводит картинки в случайном порядке:

//параметры из 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 на разных версиях — или вообще не запускается или запускается, но после перезагрузки страницы перестает работать (помогает только если заново зайти на страницу). Методом тыка пытался разобраться, но поскольку я новичок ничего не помогло. Прошу помощи коллективного разума.

7
  • В консоль ошибок никаких не пишет?
    – Mikl
    7 дек 2016 в 10:00
  • Консоль никаких ошибок не выдает. Самое странное, что в Chrome под Mac его еще можно запустить перезаходом на страницу, а в Chrome под Win7 вообще ни на что не реагирует. При этом в IE работает прекрасно, как и в Safari.
    – Alex Bub
    7 дек 2016 в 10:39
  • У меня в Хроме нормально все сробатывает : jsfiddle.net/asuLebde 7 дек 2016 в 11:10
  • Подтверждаю, что срабатывает всё ок. Проверял на Mac OS, Ubuntu и Windows 10 в последних версиях браузера Chrome.
    – innokentij
    7 дек 2016 в 11:14
  • 1
    Попробуйте удалить кеш браузера - вдруг поможет... Может еще блокиратор в нем какой стоит как расширение? Или брекпоинт в консоле... 7 дек 2016 в 11:14

1 ответ 1

1

Всем спасибо за помощь! Похоже я где-то накосячил с CSS, изменив

$($imgs.css('position', 'absolute').hide().get(0)).show();

на

$($imgs.css('position', '**relative**').hide().get(0)).show(); 

Все заработало и в хроме :)

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.