Всем привет
Помогите реализовать задуманную идею.
Увидел интересную идею вот на этом сайте (beeg.com !!Это не реклама просто хочу показать суть моей проблемы. ) На этом сайте отлично сделали возможность просмотров видео,сразу же на этой странице, то-есть при щелчке на картинку ,тут ЖЕ открывается проигрыватель и можно смотреть видос.
В общем я хочу эту идею сплагиатить на свой сайт. Вот мой код :
<body>
<div id="parentElement" style="max-width: 1000px " >
<div><button id="close" onClick="foo()">
<img type="button" src="mazda.jpg" width="150 px" height="100px"></div></button>
//таких дивов с картинкой (в которых iframe с видео)много на странице.
<button id="clos" onClick="dels()" >close video</button>
</body>
Теперь скрипт:
function foo() {
// Получаем ссылку на элемент в который мы хотим добавить новый элемент
var parentElement = document.getElementById('parentElement');
// Получаем ссылку на первый дочерний элемент
var theFirstChild = parentElement.firstChild;
// Создаем новый элемент, который будем добавлять
var elem = document.createElement("if");
elem.innerHTML = '<iframe src="тут ссылка на видео" width=510 height=400 scrolling=no id="ass" "></iframe>';
// Вставляем новый элемент перед первым дочерним элементом
parentElement.insertBefore(elem, theFirstChild);
function dels() {
var image_x = document.getElementById('ass');
image_x.parentNode.removeChild(image_x);
}
Проблема в следующем,обьект создаеться и открываеть (тоесть iframe с видео) после третьего diva, а нужно что б видео открывалось над картинкой как это реализовано на том сайте.
Прошу помощи,и p.s JS я только начал изучать.
У кого есть идеи,внимательно слушаю)