<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="text/html">
<title>Я Перепещающаяся картинка!</title>
<script>
//Основная функция для работы всей страницы1
function afun(divname){
var position='';
var z=0;
var l=0;
var i=1;
var scwidth=(screen.width/100)*18;
var e=document.getElementById(divname);
var num=e.children.length;
var s=setInterval(function(){animate();},50);
if(screen.height>=720){
topposition=[Math.floor(Math.random()*screen.height/6-100) , screen.height/2-100+Math.floor(Math.random()*80)];
while(i<num){
position+=(i*300+Math.floor(Math.random()*50))+Math.floor(Math.random()*screen.width/10);
position+='^';
i++;
}var i=0;
var positionarry=position.split('^');
while(i<num){
if(z==0){z=1;}else{z=0;}
e.children[i].style.top=topposition[z]+50+'px';
e.children[i].style.left=positionarry[i]+'px';i++;
}
function animate(){
var i=0;
l++;
while(i<num){
e.children[i].style.left=positionarry[i]-l+'px';
e.children[i].style.width=scwidth+'px';
i++;
}
var i=0;}}
else{if(screen.height<720){NewsForMobail(e,num,s);}else{fly(e,num,s,scwidth)}}
/*Objects*/
ObjectforDocement=new Object;
ObjectforDocement.element=e;
ObjectforDocement.stime=s;
ObjectforDocement.num=num;
ObjectforDocement.position=position;
ObjectforDocement.elementWidth=scwidth;
/*--------*/
}
//Функция для удобного вызова любых функций.
function callallfunction(functionname){
switch(functionname){
case 'fly':fly(ObjectforDocement.element,ObjectforDocement.num,ObjectforDocement.stime,ObjectforDocement.elementWidth);
break;
case 'sa':sa(ObjectforDocement.stime);
break;
case 'NewsForMobail':NewsForMobail(ObjectforDocement.element,ObjectforDocement.num,ObjectforDocement.stime);break;
case 'all':sa(ObjectforDocement.stime);
NewsForMobail(ObjectforDocement.element,ObjectforDocement.num,ObjectforDocement.stime);
fly(ObjectforDocement.element,ObjectforDocement.num,ObjectforDocement.stime,ObjectforDocement.elementWidth);
break;
default:console.log('Error. Function '+functionname+' undefined');
break;}}
function sa(){clearInterval(ObjectforDocement.stime);}
//Преобразование в колонку.
function fly(e,num,s,divarwidth){
var i=0;
var z=0;
var w=0;
while(i<num){
e.children[i].style.top=i*divarwidth+(20*i)+'px';
e.children[i].style.left=screen.height/2+'px';i++;}
clearInterval(ObjectforDocement.stime);
function aniwidth(){
var i=0;
w++;
while(i<num){z++;
e.children[i].style.width=300+w+'px';
i++;}
if(z<num*screen.width/4){setTimeout(function(){aniwidth()},2);}
}
aniwidth();
}
// Преобразование под телефон.
function NewsForMobail(e,num,s){
var i=0;
var z=0;
var awidth=[screen.width/2+screen.width/6 , screen.width/2-screen.width/6];
sa();
while(i<num){
if(z=0){z=1}else{z=0}
if(z=0){
e.left=awidth[1]+'px';
i++;
e.left=awidth[0]+'px';
i++;
}
else{
e.left=awidth[0]+'px';
i++;
e.left=awidth[1]+'px';
i++;
}
}
}
</script>
<style>
body{padding:0;margin:0;}
#slidediv1{width:100%;height:100%;position: fixed; padding:0; margin:0;}
.tdiv{position: fixed; width:300px; height:30px; background: rgba(0, 0, 0, 0.8); top:0; left:20px; color:#f99206;padding:5px;}
.bdiv{position: fixed; width:300px; height:30px; background: rgba(0, 0, 0, 0.8); bottom:0; right:20px; color:#f1f1f1;padding:5px;z-index:9999;}
.newsdiv{position: absolute; width:300px; height:300px; background: rgba(0, 0, 0, 0.8);; color:#f1f1f1;padding:5px; border: 2px dashed #fff;margin:50px !important; padding: 5px;z-index:1;}
.bdiv,div{padding:5px;}
#firstdiv{position: relative;}
</style>
</head>
<body >
<div id="slidediv1"><img src="https://pp.vk.me/c307514/v307514138/a569/7mb8m9F-JFQ.jpg" height="100%" width="100%"/></div>
<div id="firstdiv">
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div>
<div class="newsdiv">Текст</div></div>
<div class="tdiv"><div align="center"><b>Картинка:</b> Небеса</div></div>
<div class="bdiv"><div id="stop" style="float:left" onclick="callallfunction('sa');">Стоп</div><div id="down" onclick="callallfunction('fly');" style="float:left">Вниз</div><div id="down" onclick="callallfunction('NewsForMobail');" style="float:left">Телефон</div></div>
<script>afun('firstdiv');</script>
</body>
</html>
А если нужной нет то выводит в консоль сообщение с ошибкой =) 
