Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Пауза для конкретной картинки (https://javascript.ru/forum/dom-window/73519-pauza-dlya-konkretnojj-kartinki.html)

Алексей-Make 22.04.2018 16:30
Пауза для конкретной картинки
 
Помогите пожалуйста, нужно сделать смену 2х изображений с интервалами для 1й картинки 5с, для 2й картинки 3с. Что изменить нужно?


<script>
var imgs = ["images/svg/logo-big.svg","images/svg/20sale.svg"];
var n=0;
time=800;
play=setInterval("chgImg(0)", 5000);

function chgImg(number) {
if (number!=0) n=number-1;
$('.slide_shower').fadeOut(time, function() {
$(this).attr('src', imgs[n]).fadeIn(time);
});

n++;
if (n>=imgs.length) n=0;

}
</script>

рони 22.04.2018 17:24
Алексей-Make,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони 22.04.2018 17:24
Алексей-Make,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
var imgs = ["https://content.tviz.tv/gfx/res/43565/3kkym8as4eg40c0o4gsokgkw4.jpg",
"http://massagenk.pe.hu/files/source/XO13x7Scvik_thumb.jpg"],
 n=0,  time=800;
 !function chgImg() {
 $('.slide_shower').delay([5000,3000][n]).fadeOut(time, function() {
 n = ++n % imgs.length;
 $(this).attr('src', imgs[n]).fadeIn(time, chgImg);
 });



 }()

});
  </script>
</head>

<body>
<img src="https://content.tviz.tv/gfx/res/43565/3kkym8as4eg40c0o4gsokgkw4.jpg" alt="" class="slide_shower">

</body>
</html>


Часовой пояс GMT +3, время: 15:26.