Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Рандомный выбор картинки при фиксированном первом изображени |
| Рандомный выбор картинки при фиксированном первом изображени |
|
Задача: при клике на картинку она заменяется на другую из списка картинок.
Причем изначальная картинка должна быть одна и та же, а остальные - рандомные и являются ссылками. У меня получается и первая произвольная. Что мне следует изменить? Вот скрипт: <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 - Песни менестрелей | Хисимэль
|
|
Цитата 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> |
| |||
| |||