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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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