Форум

Алексей-Make · #1 (**permalink**) 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>

рони · #2 (**permalink**) 22.04.2018, 17:24

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

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

[js]
... ваш код...
[/js]

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

рони · #3 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript