Переключать картинки кнопкой

@uaol_kolia · Регистрация: 12.11.2012

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

Мне надо переключать картинки кнопкой. Что не так сделал, подскажите?

HTML5

<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>Фото галерея</TITLE>
 
 
</HEAD>
 
<BODY BGCOLOR="#CCCCFF"> Фото галерея </BODY>
 <img id="kartinka" src="peda/1.jpg" alt="" /> 
<FORM>
<input TYPE="button" VALUE=" следующий " onClick="BgButton()">
<script type="text/javascript"><!--
var pics = new Array(
  'peda/1.jpg',
  'peda/2.jpg',
  'peda/3.jpg,
  'peda/4.jpg'
);
var cur = 0;
function BgButton(){
  cur++;
  if (cur>max) cur=0;
  document.getElementById('kartinka').src=pics[cur];
}
--></script>
</FORM>
 
<input name="показать все" type="button" value="показать все" 
 
onclick="top.location.href='gal.html'" />
 
</BODY>
 
 
 
</HTML>

@OT_VINTA · 14.05.2013, 15:51

uaol_kolia, вот так надо

Javascript

cur = -1;
function BgButton() {
  cur++;
  if (cur>max) cur=0;
  document.getElementById('kartinka').src=pics[cur];
  }

@uaol_kolia · 14.05.2013, 18:59 **[ТС]**

всё равно не переключает

@kalabuni · 14.05.2013, 19:43

uaol_kolia, вы сначала определите переменную max - а то она у вас undefined

ваша функция останавливается на месте, где её просят сравнить, а больше ли ноль, чем неизвестное max

@uaol_kolia · 14.05.2013, 20:04 **[ТС]**

понял. Если вообще макс убрать и поставить 4(например),т.е. если cur>4, то cur=0.

Но результата всё равно нет((

@JsLoveR · 14.05.2013, 21:13

var pics = new Array(
'peda/1.jpg',
'peda/2.jpg',
'peda/3.jpg',
'peda/4.jpg'
);

кавычка пропущена

@uaol_kolia · 15.05.2013, 07:45 **[ТС]**

Спасибо,ребят! всё заработало

@uaol_kolia 4 / 0 / 0 Регистрация: 12.11.2012 Сообщений: 31
	14.05.2013, 18:59 [ТС]	3
	всё равно не переключает 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	14.05.2013, 19:43	4
	uaol_kolia, вы сначала определите переменную max - а то она у вас undefined ваша функция останавливается на месте, где её просят сравнить, а больше ли ноль, чем неизвестное max 1

@uaol_kolia 4 / 0 / 0 Регистрация: 12.11.2012 Сообщений: 31
	14.05.2013, 20:04 [ТС]	5
	понял. Если вообще макс убрать и поставить 4(например),т.е. если cur>4, то cur=0. Но результата всё равно нет(( 0

@JsLoveR 425 / 167 / 48 Регистрация: 05.12.2012 Сообщений: 855
	14.05.2013, 21:13	6
	var pics = new Array( 'peda/1.jpg', 'peda/2.jpg', 'peda/3.jpg', 'peda/4.jpg' ); кавычка пропущена 1

@uaol_kolia 4 / 0 / 0 Регистрация: 12.11.2012 Сообщений: 31
	15.05.2013, 07:45 [ТС]	7
	Спасибо,ребят! всё заработало 0