Слайдер на JS

@Петя123 · Регистрация: 25.05.2013

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

Помогите пожалуйста. Нужно написать слайдер на JS. Есть несколько вопросов.
1) Как сделать - если переменная = 1 то загружается картинка 1. если переменная = 2 то загружается картинка 2?
2) Изменение переменной - Переменная равна 1 изначально изменение происходит в функции +1 -1

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
q = 1;
function L() {
    alert("Left"+q)
q = -1;
if (q=0) {q==3};
}
function R() {
    alert("Right"+q)
q = +1;
if (q=4) {q==1;}
}
</script>

Правильны ли функции?

@kalabuni · 12.06.2013, 13:10

см. Перестановка изображений местами - только что там ответил на подобный вопрос

@Петя123 · 12.06.2013, 13:14 **[ТС]**

Я новичок в JS поэтому много не понимаю, мне бы попонятнее или объяснить как это работает.
И желательно без использования массива.

@kalabuni · 12.06.2013, 13:28

если без массива, то тогда имена ваших файлов с картинками должны содержать номера от 1 до 3
например, так: pic1.jpg, pic2.jpg, pic3.jpg

тогда для HTML-кода

HTML5
1
2
3
4
5
6
<center>
<img src="pic1.jpg">
<p>
<input type="button" value="Назад" onclick="fLeft ()">
<input type="button" value="Вперёд" onclick="fRight ()">
</center>

будут нужен следующий код скрипта:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var num = 1; // глобальная переменная, содержащая номер изначально прописанной в HTML-коде картинки pic1.jpg
 
function fLeft ()
{
num--; // уменьшаем
if (num < 0) num = 3;
document.images [0].src = 'pic' + num + '.jpg';
}
 
function fRight ()
{
num++; // увеличиваем
if (num > 3) num = 1;
document.images [0].src = 'pic' + num + '.jpg';
}

@Петя123 · 12.06.2013, 13:34 **[ТС]**

Спасибо большое, я разобрался всё работает! Требовалась тока эта строчка

JavaScript
1
document.images [0].src = 'pic' + num + '.jpg';

чтобы всё заработало, Спасибо!

Новые блоги и статьи Все статьи Все блоги /
Уведомление о неверно выбранном значении справочника Maks 06.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .	Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	12.06.2013, 13:10
	см. Перестановка изображений местами - только что там ответил на подобный вопрос 1

@Петя123 0 / 0 / 0 Регистрация: 25.05.2013 Сообщений: 95
	12.06.2013, 13:14 [ТС]
	Я новичок в JS поэтому много не понимаю, мне бы попонятнее или объяснить как это работает. И желательно без использования массива. 0