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

Как вывести случайное изображение на HTML? (без скриптов)

1 23
Милованов Ю.С
На сайте с 24.01.2008
Offline
196
Милованов Ю.С
#21

Jaf4, спасибо, но это была пища для ТСа:) 


<html>

<head>

<title>Тайтл страницы</title>

</head>

<body>

<a id="link-random-banner" href="#"><img id="random-banner" src="1.jpg" /></a>

<script type="text/javascript">

	function getRandomInt(min, max)

	{

		return Math.floor(Math.random() * (max - min + 1)) + min;

	}

	var imagesArr =

	[
		['1.jpg', 'http://site1.ru']

		,['2.jpg', 'http://site2.ru']

		,['3.jpg', 'http://site3.ru']

	];

	var randNum = getRandomInt(0, imagesArr.length-1);

	

	randImageUrl = imagesArr[randNum][0];

	randLinkUrl = imagesArr[randNum][1];

	

	document.getElementById('random-banner').setAttribute('src', randImageUrl);

	document.getElementById('link-random-banner').setAttribute('href', randLinkUrl);

	

</script>

</body>

</html>
Подпись))
k931
На сайте с 08.03.2013
Offline
8
k931
#22
Когда ввожу скрипты, то при открытии страницы все, кроме баннеров исчезает.

Ну, скриптами-то вот так еще можно:


function display_img() {
  var r = (math.random()*100);
  if (r < 50)
    document.write('<img src="1.jpg" />');
  else
    document.write('<img src="2.jpg" />');
}

. . . . . . . . . . . . . . . . . . . . . . . . . . . .

В нужном месте: <script type="text/javascript">display_img()</script>

А почему все исчезает, может скрипт у вас такой был?

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#23

1. Картинку можно редиректить через .htaccess

Псевдослучайность ввести используя число секунд , например в RewriteCond

http://www.askapache.com/htaccess/time_hour-rewritecond-time.html

2. SSI

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
1 23

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