Случайная загрузка iframe в качестве полноэкранного фона

Никита Фурманюк

Привет всем, я все перерыл, но не нашел как это сделать: По сути, я хотел бы, чтобы за всем стоял iframe, который был бы моим фоном в полноэкранном режиме. «Источник» iframe я хотел бы случайно изменить при загрузке.

Я думаю, что у меня будет около 3 или 4 источников. Это то, что у меня есть до сих пор, но ничего не работает!!! Есть идеи?

 <!DOCTYPE html>


<html>


<head>


<meta charset="utf-8">


<meta name="viewport" content="ширина = ширина устройства">


<script>


function getRandomUrl(urls) {


var minIndex = 0;


var maxIndex = urls.length - 0.5;


var randomIndex = Math.floor(Math.random() * (maxIndex - minIndex)) + minIndex;


return urls[randomIndex];


}


var urls = [


"[URL='https://lumtu.com/yti/ZI33IZy9odHRwOi8vNy16aXAubAXa']http://www.7-zip.org/[/URL]",


"[URL='https://lumtu.com/yti/bwbbwbS9odHRwOi8vd2luLXJhci5jich']http://www.win-rar.com/[/URL]",


"[URL='https://lumtu.com/yti/bvNNvbS9odHRwOi8vd2luemlwLmwlm']http://www.winzip.com/[/URL]"];


var randomSelectedUrl = getRandomUrl(urls);


$("#vitrine").html(


"<iframe class='random-iframe' src='" + randomSelectedUrl + "' width='100%' height='100%' frameborder='0' scrolling='yes' seamless='seamless'></iframe>");


</script>


<style>


iframe.random-iframe { display: none; }


vitrine {


text-align: center;


width: 100%;


vertical-align: middle;


height: 100%;


display: table-cell;


}


.iframe{


width: 200px;


}


div,


body,


html {


height: 100%;


width: 100%;


}


body{


display: table;


}


</head>


<body>


<div id="vitrine"></div>


<iframe class="random-iframe" src="[URL='https://lumtu.com/yti/bvNNvbS9odHRwOi8vd2luemlwLmwlm']http://www.winzip.com/[/URL]" width="100%" height="700" frameborder="0" scrolling="yes" seamless="seamless"></iframe>


</body>


</html>

Код (разметка):

Саша Бабаду

Окей, сделано, не хватало некоторых школьных ошибок

 <html>


<head>


<script src="[URL='https://lumtu.com/yti/auEEuanNodHRwczovL2NvZGUuanF1ZXJ5LmNvbS9qcXVlcnktMi4xLjx4i']https://code.jquery.com/jquery-2.1.1.js[/URL]"></script>


<style>


vitrine {


text-align: center; width: 100%; vertical-align: middle;height: 100%; display: table-cell;}


div,


body,


html {height: 100%; width: 100%;}


</style>


</head>


<body>


<div id="vitrine"></div>


<script>


function getRandomUrl(urls) {


var minIndex = 0;


var maxIndex = urls.length - 0.5;


var randomIndex = Math.floor(Math.random() * (maxIndex - minIndex)) + minIndex;


return urls[randomIndex];


}


var urls = [


"[URL='https://lumtu.com/yti/ZI33IZy9odHRwOi8vNy16aXAubAXa']http://www.7-zip.org/[/URL]",


"[URL='https://lumtu.com/yti/bwbbwbS9odHRwOi8vd2luLXJhci5jich']http://www.win-rar.com/[/URL]",


"[URL='https://lumtu.com/yti/bvNNvbS9odHRwOi8vd2luemlwLmwlm']http://www.winzip.com/[/URL]"];


var randomSelectedUrl = getRandomUrl(urls);


$("#vitrine").html(


"<iframe class='random-iframe' src='" + randomSelectedUrl + "' width='100%' height='100%' frameborder='0' scrolling='no' seamless='seamless'></iframe>");


</script>


</body>


</html>

Код (разметка):

Похожие темы	Дата
Практика И Эффективность Javascript	19.10.2024, 18:10
Нетология - Node, Angularjs И Mongodb Разработка Полноценных Веб-приложений	19.10.2024, 18:10
Секреты JavaScript ниндзя. 2 издание (2017)	19.10.2024, 18:10
Игры На Javascript	19.10.2024, 18:10
[javascript.ru] Курс По Angular.js - Суворов (2016)	19.10.2024, 18:10
Как преобразовать тексты li в ссылки в javascript случайным образом?	19.10.2024, 18:10
Пожалуйста, помогите - Java Script не работает	19.10.2024, 18:10
Постоянная подсветка меню	19.10.2024, 18:10
Ng-book 1.4: the complete book on angularjs	19.10.2024, 18:10
Курс » Разработка интерфейсов » JavaScript или jQuery от Ильи Кантора	19.10.2024, 18:10

Случайная загрузка iframe в качестве полноэкранного фона

Никита Фурманюк

Саша Бабаду

I AM

Интересно