Alex8787

Рейтинг
1
Регистрация
09.05.2014

Увы, но ничего у меня не получается. Решил сделать gif анимацию, есть варианты сайтов онлайн по созданию анимации ?

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

Нет, это все в hnml коде, но все три кода расположены в разных местах главной страницы: 1 код в верху, второй код в низу слева, третий код внизу справа.

---------- Добавлено 15.05.2014 в 00:07 ----------

Все три банера - это разные изображения, они меняются автоматически каждые 4 секунды. Вернее только верхний банер меняется каждые 4 секунды, а остальные два банера просто не показываются.

---------- Добавлено 15.05.2014 в 00:11 ----------

Для меня все это очень сложно, но я пытаюсьь, поэтому так и туплю.

Вот как у меня все прописано на сайте:

1 код (банер)

<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, 4000); }

function frout() {

chet++;

if (chet>11) {chet=0;}

switch(chet) {

case 1:

document.getElementById('img').src = "изображение1"

break;

case 2:

document.getElementById('img').src = "изображение2";

break;

case 3:

document.getElementById('img').src = "изображение3";

break;

case 4:

document.getElementById('img').src = "изображение4";

break;

case 5:

document.getElementById('img').src = "изображение5";

break;

}

setTimeout(frout, 4000);

}

</script>

</head>

<body>

<p><img src="изображение1" onclick="frout();" id="img1" alt="" /></p>

2 код (банер)

<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, 4000); }

function frout() {

chet++;

if (chet>11) {chet=0;}

switch(chet) {

case 1:

document.getElementById('img').src = "рисунок1"

break;

case 2:

document.getElementById('img').src = "рисунок2";

break;

case 3:

document.getElementById('img').src = "рисунок3";

break;

case 4:

document.getElementById('img').src = "рисунок4";

break;

case 5:

document.getElementById('img').src = "рисунок5";

break;

}

setTimeout(frout, 4000);

}

</script>

</head>

<body>

<p><img src="рисунок1" onclick="frout();" id="img1" alt="" /></p>

3 код банер

<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, 4000); }

function frout() {

chet++;

if (chet>11) {chet=0;}

switch(chet) {

case 1:

document.getElementById('img').src = "картинка1"

break;

case 2:

document.getElementById('img').src = "картинка2";

break;

case 3:

document.getElementById('img').src = "картинка3";

break;

case 4:

document.getElementById('img').src = "картинка4";

break;

case 5:

document.getElementById('img').src = "картинка5";

break;

}

setTimeout(frout, 4000);

}

</script>

</head>

<body>

<p><img src="картинка1" onclick="frout();" id="img1" alt="" /></p>

Но на сайте показывает только банер где - изображение (т.е. только 1 код - банер)

---------- Добавлено 14.05.2014 в 23:46 ----------

Где написано: if (chet>11) {chet=0;} (это ошибка, у меня написано if (chet>5) {chet=0;}

---------- Добавлено 14.05.2014 в 23:46 ----------

Где написано: if (chet>11) {chet=0;} (это ошибка, у меня написано if (chet>5) {chet=0;}

Я прописал ко второму банеру код, правильно? но у меня ничего не изменилось:

<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, 4000); }

function frout() {

chet++;

if (chet>11) {chet=0;}

switch(chet) {

case 1:

document.getElementById('img1').src = "изображение1"

break;

case 2:

document.getElementById('img2').src = "изображение2";

break;

case 3:

document.getElementById('img3').src = "изображение3";

break;

case 4:

document.getElementById('img4').src = "изображение4";

break;

case 5:

document.getElementById('img5').src = "изображение5";

break;

}

setTimeout(frout, 4000);

}

</script>

</head>

<body>

<p><img src="изображение1" onclick="frout();" id="img1" alt="" /></p>

Честно, пытаюсь понять и не понимаю, я самоучка, пожалуйста ты можешь прописать замену полностью на это:

<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, 4000); }

function frout() {

chet++;

if (chet>5) {chet=0;}

switch(chet) {

case 1:

document.getElementById('img').src = "изображение1"

break;

case 2:

document.getElementById('img').src = "изображение2";

break;

case 3:

document.getElementById('img').src = "изображение3";

break;

case 4:

document.getElementById('img').src = "изображение4";

break;

case 5:

document.getElementById('img').src = "изображение5";

break;

}

setTimeout(frout, 4000);

}

</script>

</head>

<body>

<p><img src="изображение1" onclick="frout();" id="img" alt="" /></p>

В втором и третьем коде я конечно указываю другие изображения (они по другом называются).

Не получается ((