Html картинка - HTML и CSS - Страница 2

Cronos20 · 02.03.2011, 13:13

Вобщем вот быстренько написал вам функцию .... должно работать, но не проверял (пока времени мало), если что жалуйтесь)

Код:

<script language="JavaScript">
var currentNumber = 0;
function changeImage(image) {
    var allImages=new Array("diz/1.gif", "diz/2.gif", "diz/5.gif");
    currentNumber++;
    if (currentNumber > allImages.length - 1)
    {
       currentNumber = 0;
    }
    image.src = allImages[currentNumber];
}
</script>
<img src="1.gif" onclick="changeImage(this);" border="2"/>

Ghost3 · 02.03.2011, 13:29

Цитата:

Сообщение от Cronos20

Вобщем вот быстренько написал вам функцию .... должно работать, но не проверял (пока времени мало), если что жалуйтесь)...

Ох, спасибо, заработало! Ура!

Спасли меня-дурачка

Почему др. скрипты не пахали - непонятно. Да и фиг теперь с ними

Wicort · 02.03.2011, 13:30

Цитата:

Сообщение от Ghost3

Спасибо!

Только опять где-то че-то не то. Не работает.

Код HTML:

<html> 	 
<head><title>Картинки</title> 	 
<script language = "JavaScript"> 
function changeImage(imageId) 
{ 
  var allImages=new Array() 
  allImages[0]="1.bmp"; 
  allImages[1]="2.bmp"; 
  allImages[2]="3.bmp"; 
  allImages[3]="4.bmp"; 
  allImages[4]="5.bmp"; 
  var imageNumber=0; 
  var imageObj=document.getElementById(imageId);
  function changingImage() 
  { 
    imageNumber++;
    if (imageNumber==allImages.length) 
    { imageNumber=0; } 
    imageObj.src=allImages[imageNumber]; 
  }
  imageObj.onclick=changingImage; 
} 

</script>
</head> 	 
<body onload = "changeImage('img1')"> 	 
<image src = "1.bmp" id = "img1" />
</body> 	 
</html>

Вот в таком варианте использования у меня работает.
P.S. Говорил же, не забывайте ставить точку с запятой. Опять нет ни одной кроме тех, где я показал.

Ghost3 · 02.03.2011, 13:32

Цитата:

Опять нет ни одной кроме тех, где я показал.

Опечатался. Но я их потом поставил - все равно не пошло.

Wicort · 02.03.2011, 14:07

Если после моего примера все равно не работает, выложите полностью Ваш код. Будем разбираться, что не так.

Ghost3 · 02.03.2011, 14:39

Wicort
Спасибо, конечно, за помощь. Но проблема уже решена.

Всем сапсибо

dekameron · 02.03.2011, 14:54

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>clikImg</title>
<style>
	body{font: 12px Tahoma, Geneva, sans-serif; color: #121212;}
</style>
<script language="javascript">
var img=new Array()
	img[0]="images/001.jpg";
	img[1]="images/002.jpg";
	img[2]="images/003.jpg";
var imgAct=0;
var imgCount=img.length;
function changeImg() {
	var imgObj=document.getElementById('image')
	imgAct++;
	if(imgAct>=imgCount) imgAct=0;
	imgObj.src=img[imgAct];
}
</script>
</head>
<body>
    <img src="images/001.jpg" alt="" id="image" />
    <p />
    <a href="javascript:changeImg()">Сменить картинку</a>
</body>
</html>

Masafi · 12.03.2011, 23:18

Еще можно с фреймами там при нажатие на картинку ссылка на слейдующий документ с картинкой или просто переписывать текст без фреймов.

02.03.2011, 13:13	#11
Cronos20 Форумчанин Регистрация: 08.07.2010 Сообщений: 679	Вобщем вот быстренько написал вам функцию .... должно работать, но не проверял (пока времени мало), если что жалуйтесь) Код: `<script language="JavaScript"> var currentNumber = 0; function changeImage(image) { var allImages=new Array("diz/1.gif", "diz/2.gif", "diz/5.gif"); currentNumber++; if (currentNumber > allImages.length - 1) { currentNumber = 0; } image.src = allImages[currentNumber]; } </script> <img src="1.gif" onclick="changeImage(this);" border="2"/>` Последний раз редактировалось Cronos20; 02.03.2011 в 13:15.

02.03.2011, 14:07	#15
Wicort Форумчанин Регистрация: 04.08.2009 Сообщений: 684	Если после моего примера все равно не работает, выложите полностью Ваш код. Будем разбираться, что не так. Еслия Вам помог, не поленитесь нажать на весы и оставить отзыв. Это не займет много времени, но даст понять, что я старался не зря =) Мой ник зарегистрирован, а твой?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как вывести код html из файла на страницу HTML	Рамирас	JavaScript, Ajax	1	25.07.2010 20:06

02.03.2011, 14:39	#16
Ghost3 Ученик в c++ Форумчанин Регистрация: 28.02.2011 Сообщений: 162	Wicort Спасибо, конечно, за помощь. Но проблема уже решена. Всем сапсибо

12.03.2011, 23:18	#18
Masafi Форумчанин Регистрация: 12.03.2011 Сообщений: 113	Еще можно с фреймами там при нажатие на картинку ссылка на слейдующий документ с картинкой или просто переписывать текст без фреймов.