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

123
lodaf
На сайте с 24.01.2012
Offline
77
#11

да хочется самому разобраться.

Jaf4
На сайте с 03.08.2009
Offline
804
#12

еще придумал - вывести фрейм, где крутить баннеры уже на стороннем ресурсе, где есть пхп и прочие прелести

New! NVMe VPS от SmartApe.ru (https://goo.gl/eoYYkS)
Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#13

На ГОЛОМ хтмл вряд ли.

Вот с помощью JS можно.


<html>
<head>
<title>Тайтл страницы</title>
</head>
<body>
<img id="random-banner" src="1.jpg" />
<script type="text/javascript">
function getRandomInt(min, max)
{
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var imagesArr =
[ '1.jpg' ,'2.jpg' ,'3.jpg' ];
randImage = imagesArr[getRandomInt(0, imagesArr.length-1)];
document.getElementById('random-banner').setAttribute('src', randImage);
</script>
</body>
</html>

P.S как вариант сделать ссылку на картинку на другом домене, например <img src="http://www.you-site.ru/images/img.jpg" />

А у себя на сайте поставить скрипт, который будет рандомно отдавать изображения.

Подпись))
lodaf
На сайте с 24.01.2012
Offline
77
#14
Jaf4:
еще придумал - вывести фрейм, где крутить баннеры уже на стороннем ресурсе, где есть пхп и прочие прелести

Отличная идея, займусь сейчас этим.

богоносец
На сайте с 30.01.2007
Offline
768
#15

Вот же двоешники (какими умными бывают)

https://www.google.com/search?q=css+slider

анимацию в примерах можете изменить.

RiDDi
На сайте с 06.06.2010
Offline
285
#16
богоносец:
Вот же двоешники (какими умными бывают)
https://www.google.com/search?q=css+slider
анимацию в примерах можете изменить.

А слово "случайное" в заголовке Вас не смущает? Садитесь, три с минусом )

Но направление способа реализации верное. Можно попробовать с помощью CSS :hover сделать своего рода триггер срабатывающий по псевдослучайному алгоритму. Например, повесить на центр экрана 3 прозрачных элемента. Когда пользователь наводит мышь на какой-то элемента с помощью css + ~ скрывать все элементы и показывать определенный банер. То есть выбор банера будет зависеть от того, в каком районе страницы будет находится мышь когда пользователь заходит на сайт. Если как следует подобрать расположение и размеры фрагментов можно добиться выбора близкого к случайному.

Вебмастер отдыхает на бережках морей. Заработок в интернете - дело техники.
Jaf4
На сайте с 03.08.2009
Offline
804
#17
Милованов Ю.С:

<img id="random-banner" src="1.jpg" />

'1.jpg'
,'2.jpg'
,'3.jpg'

Баннер отличается от картинки тем, что можно по нему кликнуть и уйти.. А как в скрипте рандомного показа это реализовать?

bay_ebook
На сайте с 28.05.2010
Offline
111
#18
Jaf4:
Баннер отличается от картинки тем, что можно по нему кликнуть и уйти.. А как в скрипте рандомного показа это реализовать?


<a href="http://tuda.ru/" id="random-banner"><img src="1.jpg" /></a>

хм, нда, я иногда реально себя чувствую обмануты, я убил 3 года на изучение разных языков .что бы делать сайты, а реально ведь можно просто темы на форуме создавать - и в итоге получишь сайт, даже не думаю над самыми простыми вещами.

Нужен прогер на php+mysql+понимание чужего кода? (/ru/forum/540660) Вам сюда PHP-шаман (http://php-shaman.pw/)
Jaf4
На сайте с 03.08.2009
Offline
804
#19
bay_ebook:

<a href="http://tuda.ru/" id="random-banner"><img src="1.jpg" /></a>


хм, нда, я иногда реально себя чувствую обмануты, я убил 3 года на изучение разных языков .что бы делать сайты, а реально ведь можно просто темы на форуме создавать - и в итоге получишь сайт, даже не думаю над самыми простыми вещами.

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

ЗЫ сорри, я на пхп вертелки пользую. Буду пользовать на JS - могу в теге ваш ник написать.

RiDDi
На сайте с 06.06.2010
Offline
285
#20
bay_ebook:

хм, нда, я иногда реально себя чувствую обмануты, я убил 3 года на изучение разных языков .что бы делать сайты, а реально ведь можно просто темы на форуме создавать

И? А в диких джунглях Камбоджи Вы бы "убили" лет 300 только на создание компа. 😂

Коммуникация, обмен инфирмацией - основа какой-либо науки вообще и это необходимо учитывать выбирая методику образования особенно "само".

123

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