Форум Сайтостроение Веб-строительство

Равная ротация картинок?! Желательно без php.

12
D
На сайте с 20.09.2006
Offline
173
Dmitr
3745

Скрипт ротации картинок. Самый простой. В ротации неограниченное кол-во картинок. Ну вот собственно так кратко.

[Удален]
#1

$images = glob("banners/*.jpg");

$image = $images[array_rand($images)];

echo $image;

попробуй так :)

в папку баннерЗ положи жпг файлы для ротации.

$images = glob("banners/*.jpg");

$image = $images[array_rand($images)];

echo "<img src=\"$image\" />";

=== забыл про теги)))

D
На сайте с 20.09.2006
Offline
173
Dmitr
#2

Так еще оч хорошо было бы, когда для каждой картинки своя ссылка при этом.

[Удален]
#3

$images = glob("banners/*.jpg");

$image = $images[array_rand($images)];

$link = file_get_contents("$image.link");

echo "<a href=\"$link\"><img src=\"$image\" /></a>";

теперь добавились еще файлы =

два файла на банер :)

banners/example.jpg

banners/example.jpg.link

ну и очевидно, второй будет содержать ссылку :)

D
На сайте с 20.09.2006
Offline
173
Dmitr
#4

bearman, огромное спасибо!

[Удален]
#5

не за что :)

Alex Klo
На сайте с 15.06.2006
Offline
304
Alex Klo
#6

имхо это можно сделать и на JavaScript... только сам не скажу сразу как...

Проверка и мониторинг позиций сайта ( http://www.topvisor.ru/?inv=1520 ) Продвигаю сайты http://climat-nw.ru/conditioner-installation/ http://www.aircom-spb.ru/service/montaj/
[Удален]
#7

автоматически ни как, можно на пхп сформировать массив для яваскрипта, но все равно колво банеров и пути надо брать с сервера :)

Alex Klo
На сайте с 15.06.2006
Offline
304
Alex Klo
#8
bearman:
можно на пхп сформировать массив для яваскрипта

зачем тут пхп? бред... тем более ТС просил без него...

<script language="JavaScript">
<!-- hide

var objCount = 0; // количество изображений на web-странице

function preload(name, first, second) {

// предварительна\я загрузка изображений и размещение их в массиве

if (browserOK) {
pics[objCount] = new Array(3);
pics[objCount][0] = new Image();
pics[objCount][0].src = first;
pics[objCount][1] = new Image();
pics[objCount][1].src = second;
pics[objCount][2] = name;
objCount++;
}
}
// -->
</script>

далее смотрите пример - Смена картинок как реакция на события, инициируемые самим читателем

добавить случайность или цикличность думаю не составит труда (как именно не говорю, т.к. ТС не оговорил этот момент)

ВВЕДЕНИЕ В JAVASCRIPT

[Удален]
#9

ротация не это называется, обычно ротация картинок = смена одной картинки на другую в каком то месте страницы. если вы не знаете, то могли не минусовать хотя бы.

я бы вас обидел за непонимание поста и тупой набор сообщений, да не буду.

bearman добавил 09.07.2008 в 17:24

слишком "умные" все пошли.

Dreammaker
На сайте с 20.04.2006
Offline
570
Dreammaker
#10

Вот как я на одном из заказов делал. Если что-то непонятно спрашивайте :)


<SCRIPT language="JavaScript">
<!--

var im_count = 7;

var im_array = new Array();

var y=1;

var time = 2200;

for (var i=1; i < im_count+1; i++ )
{

im_array = new Image(190,246);

im_array.src = '/images/site/splash/' + i + '.jpg';

}

function changeImage(time)
{

document.getElementById('splash_main').src=im_array[y].src;

y = (y < 7) ? y+1 : 1;

setTimeout("changeImage(" + time + ")", time);

}

//-->
</SCRIPT>

<img src="/images/site/splash/1.jpg" id="splash_main" alt="какой-то альт" title="какой-то титл">
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий