Тема: Як зробити плавний передох між зображеннями
Я хотів зробити щось таке як у http://comfy.ua/ щоб зображення змінювались (автоматично мені так і не вдалось це зробить) але виникла проблема при зміні зображення йде неприємне миготіння як зробить так щоб його усунути (малюнки і css я не добавляв бо і без них видно це миготіння)
<!DOCTYPE HTML>
<html>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="css\style.css"/>
<head>
<title>Весільне агенство</title>
</head>
<body !background="img\fon.jpg">
<div>
<p class="text_top">Весільне агенство</p>
<div id="ID_img_center" class="img_center">
</div>
</div>
<div class="menu"><a href="">Замовити наші послуги</a></div>
<br/>
<div class="menu"><a href="">Які ми надаємо послуги</a></div>
</div>
<FORM class="img_center">
<INPUT TYPE="BUTTON" VALUE ="Назад" ONCLICK="App(this.form,true);">
<INPUT TYPE="BUTTON" VALUE ="Вперед" ONCLICK="App(this.form,false);">
</FORM>
<br/><br/><p align='center'>
Автор веб-сайту Олександр,<br />студент 33-П групи,<br />веб сайт використовує JavaScript і CSS
</p>
<script>
var htmlKod = ["<img src=\"img\\center","1",".jpg\" width=\"100%\" height=\"500px\" align=\"left\"/><div class=\"img_description\">","","</div>"];
var myImg = document.getElementById('ID_img_center');
var Myrandom=(Math.round(Math.random()*5));
Myrandom==0 ? Myrandom=4:Myrandom;
htmlKod[1]=Myrandom;
//htmlKod[3]="";//!!!
myImg.innerHTML=(htmlKod[0]+htmlKod[1]+htmlKod[2]+htmlKod[3]+htmlKod[4]);
function App(form,bool)
{
if(bool==false)
{Myrandom!=5 ? Myrandom++ : Myrandom=1;}
else
{Myrandom!=1 ? Myrandom-- : Myrandom=5;}
htmlKod[1]=Myrandom;
myImg.innerHTML=(htmlKod[0]+htmlKod[1]+htmlKod[2]+htmlKod[3]+htmlKod[4]);
}
</script>
</body>
</html>