Как сделать чтобы картинка менялась через промежуток времени.

Vitaly-NY · October 27, 2010

Привет, я не знаю в правильном ли я разделе выкладываю этот вопрос, если нет i'm so sorry.

В общем пробоема такая, я увидел на Ebay как оформлен item. И захотел сделать так же, Когда заходишь на его страничку, там есть описание его лота и картинка спрва....и она постоянно меняется. Вопрос как это сделать? что бы она менялась даже если не наводишь на неею Спс за помощь. P.S я HTML и CSS знаю...но тут я понимаю надо подключать язык какой либо...(

stars · October 27, 2010

ну не то чтобы какой либо... все вполне определенно, вам тут может помочь javascript, смысл в том чтобы когда у пользователя загрузилась страница с определенной задержкой менять картинки...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>test</title>
		<script type="text/javascript">
			var chet = 1;
			window.onload = function () { setTimeout(frout, 5000); }
			function frout() {
			chet++;
			if (chet>3) {chet=0;}
				switch(chet) {
				case 1:
					document.getElementById('img').src = "http://im3-tub.yandex.net/i?id=53419835-01";
					break;
				case 2:
					document.getElementById('img').src = "http://im5-tub.yandex.net/i?id=61220081-06";
					break;
				case 3:
					document.getElementById('img').src = "http://im3-tub.yandex.net/i?id=58652339-02";
					break;
				}
			setTimeout(frout, 5000);
			}
		</script> 
	</head>
	<body>
		<p><img src="http://im3-tub.yandex.net/i?id=53419835-01" onclick="frout();" id="img" alt="" /></p>
	</body>
</html>

Вот написал простенький код попробуйте разобраться... по сути window.onload = function () { setTimeout(frout, 5000); } значит что когда страница загрузилась через 5 секунд задействовать функцию frout, в самой же функции frout есть некий счетчик chet он меняется от 1 до 3, в зависимости от значения прописываются различные адреса картинок, будьте внимательно что размер картинки будет такой как при загрузки страницы, для его изменения нужно код будет дописывать...

Int · October 27, 2010

if лишний

case 3:

document.getElementById('img').src = "http://im3-tub.yandex.net/i?id=58652339-02";

chet=0;

break;

вот, без if

А ещё switch(chet++), и можно убрать ещё одну строку.

Я в яваскрипте не силён, но вроде была какая-то функция задающая периодичность выполнения, тогда можно было бы обойтись без рекурсивного вызова. Или она не ждёт завершения setTimeout?

clavin · October 27, 2010

анимированный gif применяйте. Легко и надёжно.

Vitaly-NY · October 28, 2010

Спасибо всем за помощь, я думаю он действительно сделал через gif......но вариант через яву оч хороший...есть над чем поработать. Спасиибо онромное всем.

Sign In

Как сделать чтобы картинка менялась через промежуток времени.

Question

Vitaly-NY

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

stars

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

clavin

Link to comment

Share on other sites

Vitaly-NY

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information