Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.87/47: Рейтинг темы: голосов - 47, средняя оценка - 4.87
LoGaNShtorM
1 / 1 / 0
Регистрация: 22.01.2013
Сообщений: 63
1

Перелистывание картинок javascript

13.06.2013, 08:59. Просмотров 9807. Ответов 3
Метки нет (Все метки)

Мне нужно создать круговое перелистывание картинок.Тоесть у меня есть 7 картинок , ниже их 2 кнопки (право лево) при нажатии на кнопку ''лево'' должна перелистываться картинка влево и появлятся на месте последней 7ой картинки 1ая а на месте первой уже вторая картинка. Помогите написать в javascript.

Добавлено через 22 минуты
вот что то типо этого , только надо в линию изображения выставить
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
37
38
39
40
41
42
<html>
<head>
<script type="text/javascript">
{
  var array = new Array(
    "1.jpg",
    "2.jpg",
    "3.jpg"
  );//массив с путями к картинкам
  var i = 0;
  function left() {
    var image = document.getElementById("rotatorbutton");
    i--;
    if (i < 0) i = array.length - 1;
    image.src = array[i];
  }
  function right() {
    var image = document.getElementById("rotatorbutton");
    i++;
    if (i == array.length) i = 0;
    image.src = array[i];
  }
</script>
</head>
<body>
<table>
<tr>
<td>
<input type = 'button' name = 'left' value = '<' onclick = 'left()' />
</td>
<td>
<script type = 'text/javascript'>
document.write("<img id = 'rotatorbutton' src = '" + array[0] + "' alt = 'Ротатор изображений с кнопками' width = '200' height = '200' />");
</script>
</td>
<td>
<input type = 'button' name = 'right' value = '>' onclick = 'right()' />
</td>
</tr>
</table>
</body>
</html>
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
13.06.2013, 08:59
Ответы с готовыми решениями:

Вывод картинок Javascript
Всем привет! Помогите новичку в Js разобраться.:-| При вводе цифры 4 в input - должно...

Смена картинок на JavaScript
В общем нужен JavaScript который будет поочерёдно показывать одну из трёх картинок,меняются...

Вопросы по загрузке картинок JavaScript
Щелкая по ссылкам меняется свойство src и соответственно, в одном месте просматриваются разные...

JavaScript Создать веб-страницу для перелистывания и автоматического просмотра картинок
Здравствуйте! Прошу помощи в JavaScript... У нас просто это все не объяснялось на лекциях, а...

Смена картинок в Javascript
Здравствуйте, при изучении языка Javascript столкнулся с такой проблемой: необходимо, чтобы одна...

3
LoGaNShtorM
1 / 1 / 0
Регистрация: 22.01.2013
Сообщений: 63
13.06.2013, 09:25  [ТС] 2
мне нужно сделать 2 кнопки чтоб при нажатии картинки перелистывались
0
[progeR]
30 / 8 / 2
Регистрация: 20.08.2011
Сообщений: 615
Завершенные тесты: 1
13.06.2013, 10:44 3
А jQuery плагины не пойдут? http://jquery-plugins.net/category/carousel
0
kalabuni
супермизантроп
Эксперт JS
3418 / 2704 / 647
Регистрация: 18.04.2012
Сообщений: 8,217
13.06.2013, 13:52 4
посмотрите Перестановка изображений местами
и Слайдер на JS
0
13.06.2013, 13:52
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
13.06.2013, 13:52

Перелистывание влево
что нужно поменять в функции, чтобы картинка двигалась влево? function moveright() { if...

Перелистывание блоков
Всем доброго времени суток! Помогите пожалуйста с реализацией идеи. Например есть 10 блоков....

Читалка.перелистывание страниц
Надо организовать на сайте читалку, пока решил сделать чего попроще и сразу пришел в тупик....


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.