Народ, кто подскажет как сделать следующее:, 4 Менявшиеся картинки.

var pause = 2000;
var timer;
var count;
count=0;
function swap () {
document.getElementById("img1").src="images/img1_"+count+".jpg";
document.getElementById("img2").src="images/img2_"+count+".jpg";
document.getElementById("img3").src="images/img3_"+count+".jpg";
document.getElementById("img4").src="images/img4_"+count+".jpg";
if (count<=3) {count++;} else {coont=0;}
timer=setTimeout(function () {swap(count)},pause);
}
timer=setTimeout(function () {swap(count)},pause);

Приблизительно...

Ой да ну)))

Давайте легче сделаем?

<img id="ban" src="img1.png" />

<script>

var imgcount=3;//Количество картинок

var timeslader=1;// Меняться каждые ххх секунд

function rand(){

document.getElementById("ban").src="img"+Math.floor(Math.random()*(imgcount+1))+".png";

setTimeout('rand()',timeslader*1000);

}

rand();

</script>

Картинки должны называться

img1.png

img2.png

img3.png

и т.п.

расширение и имена конечно можете менять под себя, но меняются цифры в конце.

LEOnidUKG, Согласно ТЗ:

Т.е. 4 фотки (4 отдельные категории) расположены в ряд.

Да не вопрос:

<img id="ban1" src="cat1/img1.png" />

<img id="ban2" src="cat2/img1.png" />

<img id="ban3" src="cat3/img1.png" />

<img id="ban4" src="cat4/img1.png" />



<script>

var imgcount=3;//Количество картинок в категории

var timeslader=1;// Меняться каждые ххх секунд

function rand(){

document.getElementById("ban1").src="img"+Math.floor(Math.random()*(imgcount+1))+".png";

document.getElementById("ban2").src="img"+Math.floor(Math.random()*(imgcount+1))+".png";

document.getElementById("ban3").src="img"+Math.floor(Math.random()*(imgcount+1))+".png";

document.getElementById("ban4").src="img"+Math.floor(Math.random()*(imgcount+1))+".png";

setTimeout('rand()',timeslader*1000);

}

rand();

</script>

LEOnidUKG, а если было бы 100500?) Тоже каждый бы указывали?)

P.S. LEOnidUKG хотел написать ;)

<img id="ban1" src="cat1/img1.png" />

<img id="ban2" src="cat2/img1.png" />

<img id="ban3" src="cat3/img1.png" />

<img id="ban4" src="cat4/img1.png" />



<script>

var imgcount=3;//Количество картинок в категории

var timeslader=1;// Меняться каждые ххх секунд

var bancount=4;

function rand(){

for(var i=0;i<bancount;i++) document.getElementById("ban"+i).src="img"+Math.floor(Math.random()*(imgcount+1))+".png";

setTimeout('rand()',timeslader*1000);

}

rand();

</script>

LEOnidUKG, и чем это теперь отличается от моего?

Случайным выбором изображения?

ну хорошо...

но есть еще и необходимость в прелоаде изображений. Если не закешировать картинку, то на первом этапе будет заметное мигание.

А если название файлов нельзя менять?

А если подгрузка нужна чётко в нужном порядке?

А если....

Ну вы меня поняли :)

LEOnidUKG добавил 19.10.2010 в 12:20

В подходе к решению задачи. Представляете? Оказывается можно решать задачу не 1 путем 🚬

LEOnidUKG добавил 19.10.2010 в 12:21

Ну тогда делать просто ленту из картинок в 1 файл и потом через CSS сдвигать по пикселям :)

Ребят , я наверное где то что то пропустил или недопонял.

Не работает хоть ты тресни...

По последнему примеру создал 4 папки cat1 cat2 cat3 cat4 в эти папки положил по 4 фотки img1 img2 img3 img4 поменял в коде png на jpeg затем вставил код в ХТМЛ.

что не так?

Ещё бы)))

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

<img id="ban1" src="cat1/img1.png" />

<img id="ban2" src="cat2/img1.png" />

<img id="ban3" src="cat3/img1.png" />

<img id="ban4" src="cat4/img1.png" />



<script>

var imgcount=3;//Количество картинок в категории

var timeslader=1;// Меняться каждые ххх секунд

function rand(){

document.getElementById("ban1").src="/cat1/img"+Math.floor(Math.random()*(imgcount+1))+".png";

document.getElementById("ban2").src="/cat2/img"+Math.floor(Math.random()*(imgcount+1))+".png";

document.getElementById("ban3").src="/cat3/img"+Math.floor(Math.random()*(imgcount+1))+".png";

document.getElementById("ban4").src="/cat4/img"+Math.floor(Math.random()*(imgcount+1))+".png";

setTimeout('rand()',timeslader*1000);

}

rand();

</script>

LEOnidUKG добавил 20.10.2010 в 12:48

Вот это я жгу по ночам :D