Доработать функцию

@maks_7 · Регистрация: 14.10.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте, уважаемые форумчане. Для обучения взялся написать слайдер. Но застрял на функции change. Вот что мне нужно:
1.Первая картинка 3сек
2. Первая картинка уезжает влево, одновременно выезжает вторая справа налево
3.Опять пауза 3сек
4.Первая картинка появляется опять справа в очереди(ее не видно)
И так далее
Просьба не писать свой скрипт, а именно исправить мой (функцию Change)
Все увидеть Вы можете здесь https://jsfiddle.net/vlad35/k6quwjrn/
Буду Вам очень благодарен!!!

@j2FunOnly · 26.05.2017, 10:25

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
$(function() {
  var elWrap = $('#slider'),
    el = elWrap.find('img'),
    indexImg = 1,
    indexMax = el.length,
    phase = 3000;
 
  function change() {
    // el.animate({'left': "0",'display':'block'}, 3000);
    el.filter(':nth-child(' + indexImg++ + ')').animate({
      left: '-1000px'
    }, 3000, function() {
      $(this).hide();
      $(this).css({
        left: '1000px'
      })
    });
    if (indexImg > indexMax) indexImg = 1;
    el.filter(':nth-child(' + indexImg + ')').animate({
      left: 0
    }, 3000).show();
    // el.animate({'left': "-1000px",'display':'block'},3000);
    // el.filter(':nth-child('+indexImg+')').animate({ 'left': "0",'display':'block'},3000);    
    // el.animate({'left': "1000px",'display':'none'},0);
  }
 
  function autoCange() {
    indexImg++;
    if (indexImg > indexMax) {
      indexImg = 1;
    }
    change();
  }
  // change();
  var interval = setInterval(change, phase);
});

https://jsfiddle.net/k6quwjrn/1/

@maks_7 · 27.05.2017, 13:51 **[ТС]**

j2FunOnly! Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@maks_7 4 / 4 / 3 Регистрация: 14.10.2014 Сообщений: 323

	Доработать функцию 25.05.2017, 17:33. Показов 1058. Ответов 2 Метки нет (Все метки) Здравствуйте, уважаемые форумчане. Для обучения взялся написать слайдер. Но застрял на функции change. Вот что мне нужно: 1.Первая картинка 3сек 2. Первая картинка уезжает влево, одновременно выезжает вторая справа налево 3.Опять пауза 3сек 4.Первая картинка появляется опять справа в очереди(ее не видно) И так далее Просьба не писать свой скрипт, а именно исправить мой (функцию Change) Все увидеть Вы можете здесь https://jsfiddle.net/vlad35/k6quwjrn/ Буду Вам очень благодарен!!! 0

@maks_7 4 / 4 / 3 Регистрация: 14.10.2014 Сообщений: 323
	27.05.2017, 13:51 [ТС]
	j2FunOnly! Спасибо! 0

Доработать функцию

Решение