Слайд-шоу слишком быстро при возврате с другой вкладки

Question

Слайд-шоу слишком быстро при возврате с другой вкладки

JavaScript, как правило, недовольны компонентами бритвы, хотя, если выше это часть файла CSHTML, он будет работать.

Другие подходы:

Отобразить коллекцию, используя razor @foreach ...
Передача коллекции как параметра с вашей веб-страницы в функцию JavaScript на каком-либо событии

Как вы называете эту функцию и что она делает?

1

javascript slideshow

задан user256508 13 July 2018 в 20:31

1 ответ

Другие вопросы по тегам:

javascript slideshow

Похожие вопросы:

score 0 · Accepted Answer

Если это слишком быстро, просто увеличьте время до fadeOut() и fadeIn(). Используйте $(window).focus() и $(window).blur(), чтобы проверить, когда пользователь покинул вкладку и очистит интервал слайд-шоу. Когда пользователь вернется, снова установите интервал.

 $("#slideshow > div:gt(0)").hide();

    var slideshow = setInterval(function() {
      beginSlideshow();
    }, 5000);
    function beginSlideshow(){
      $('#slideshow > div:first')
    .fadeOut(2000)//time doubled from 1000 to 2000 milliseconds
    .next()
    .fadeIn(2000)//time doubled from 1000 to 2000 milliseconds
    .end()
    .appendTo('#slideshow');
    }
   $(window).focus(function() {
     if (slideshow==null){
       //Use came back to the tab
      slideshow = setInterval(function(){
       beginSlideshow();
      }, 5000);
     }
   });

 $(window).blur(function() {
   //User left tab
   clearInterval(slideshow);
   slideshow = null;
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="slideshow">
    <div>
        <img src="test9/SitePage_9dArip.png">
    </div>
    <div>
        <img src="test9/SitePage_9dCand.png">
    </div>
    <div>
        <img src="test9/SitePage_9dfinalOK.png">
    </div>
    <div>
        <img src="test9/SitePage_9dPrav.png">
        </div>
    </div>

JSFiddle: http://jsfiddle.net / 1vk3fqr8 / 3 /

0

ответ дан hev1 17 August 2018 в 12:24

1

В противном случае штраф. Слишком быстро только при возврате из другой вкладки / окна. – user256508 13 July 2018 в 19:42
2

@ user256508 Так поможет ли это остановить слайд-шоу, когда пользователь переключит вкладки? – hev1 13 July 2018 в 19:44
3

Думаю, это поможет и начнется с того места, где он остановился, когда пользователь вернется на вкладку. Какие изменения я внес в код? Благодарю. – user256508 13 July 2018 в 19:47
4

@ user256508 Я добавил необходимые изменения. – hev1 13 July 2018 в 19:58
5

Вы просто сделали мой день!! Большое спасибо за сделанные вами изменения, он отлично работает ... очень ценится. Еще раз спасибо. – user256508 13 July 2018 в 20:11