Страница 1 из 11
Модератор форума: JonMagon 
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Рандомный выбор картинки при фиксированном первом изображени
Рандомный выбор картинки при фиксированном первом изображени
Hisimal
Сообщений: 11
Репутация: 0

Сообщение # 1 | 18:00:40
Задача: при клике на картинку она заменяется на другую из списка картинок.
Причем изначальная картинка должна быть одна и та же, а остальные - рандомные и являются ссылками.
У меня получается и первая произвольная.
Что мне следует изменить? Вот скрипт:

<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 =
[
['2.jpg', 'страничка.html']
,['3.jpg', 'страничка.html']
,['4.jpg', 'страничка.html']
,['5.jpg', 'страничка.html']
,['6.jpg', 'страничка.html']
,['7.jpg', 'страничка.html']
,['8.jpg', 'страничка.html']
,['9.jpg', 'страничка.html']
,['10.jpg', 'страничка.html']
];
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>

http://hisimel.ucoz.ru - Песни менестрелей | Хисимэль
$Tiny$
Сообщений: 193
Репутация: 61

Сообщение # 2 | 22:50:08
Цитата Hisimal ()
при клике на картинку она заменяется на другую из списка картинок
Не увидел этого в скрипте. Вы просто выполняете определенные действия после загрузки страницы, а надо вынести их в отдельную функцию, которая будет выполняться при клике на ссылку.
Ну, и еще "return false;" вставить, чтобы не перешло по ссылке, на которую href сменится после первого клика. А чтобы перешло после второго - менять onclick скриптом.
Код
<html>
<head>
<title>Тайтл страницы</title>
</head>
<body>
<a id="link-random-banner" href="#" onclick="RandomImage(); return false;"><img id="random-banner" src="1.jpg" /></a>
<script type="text/javascript">
function RandomImage()
{
function getRandomInt(min, max)
{
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var imagesArr =
[
['2.jpg', 'страничка.html']
,['3.jpg', 'страничка.html']
,['4.jpg', 'страничка.html']
,['5.jpg', 'страничка.html']
,['6.jpg', 'страничка.html']
,['7.jpg', 'страничка.html']
,['8.jpg', 'страничка.html']
,['9.jpg', 'страничка.html']
,['10.jpg', 'страничка.html']
];
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);
document.getElementById('link-random-banner').onclick = function () {return true;};

}
</script>
</body>
</html>
Hisimal
Сообщений: 11
Репутация: 0

Сообщение # 3 | 09:56:33
$Tiny$, спасибо!!! )))

http://hisimel.ucoz.ru - Песни менестрелей | Хисимэль
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Рандомный выбор картинки при фиксированном первом изображени
Страница 1 из 11
Поиск: