слайдер шапка

[SanyaSV]

У меня вот такой вопрос как сделать сдайдер как шапку сайта..

 

То есть будет обычная картинка но менялась!

 

Ну пример (http://mnogoblog.ru/) не реклама!

 

Видите тут обычная в верху картинка с меню, дак надо что бы эта картинка менялась на другую с эффектами!

 

 

Да знаю что это просто типо  надо сделать так

<script type="text/javascript">all_images = new Array ("images/back.jpg","images/back1.jpg","images/back2.jpg");var ImgNum = 0;var ImgLength = all_images.length - 1;var delay = 2500;var lock = false;var run;function chgImg(direction) { if (document.images) {  ImgNum = ImgNum + direction;  if (ImgNum > ImgLength) { ImgNum = 0; }  if (ImgNum < 0) { ImgNum = ImgLength; }  document.slide_show.src = all_images[ImgNum]; }}function auto() { if (lock == true) {  lock = false;  window.clearInterval(run); } else if (lock == false) {  lock = true;  run = setInterval("chgImg(1)", delay); }}</script>

и добавить картинку ну вот так

<img src="" name="slide_show">

Ну проблема в том то что.. у меня стоит

Картинка эта а на ней меню и по середине форма поиска...

 

При изминения дива и добавления <img src все летит

 

Я уже много чего перепробвал...

 

Пример скилета

<div class="site"><div class="header"><div class="skelet"><img src="" name="slide_show"><script type="text/javascript"> auto();</script><ul id="menu"><a href="/" title="" alt=""><div id="logo"></div></a><li><a href="/">Фильмы</a><ul><li><a href="/">Боевики</a><li><a href="/">Комедии</a><li><a href="/">Семейные</a><li><a href="/">Ужасы</a><li><a href="/">Драмы</a></ul></li><li><a href="#slide_test" class="hider">Игры</a></li><li><a href="/">Музыка</a><ul><li><a href="/">Жанр</a><li><a href="/">Жанр</a></ul></li><li><a href="/">Программы</a><ul><li><a href="/">Операционная система</a><li><a href="/">раздел</a><li><a href="/">раздел</a><li><a href="/">раздел</a></ul></li><li><a href="#down_test">Игры</a><ul><li><a href="/">Игроки</a><li><a href="/">Команды</a><li><a href="/">Турниры</a><li><a href="/">В поисках</a></ul></li><li><a href="/">Медиа</a><ul><li><a href="/">Видео</a><li><a href="/">Галерея</a><li><a href="/">Мемы</a></ul></li><li><a href="/">Разное</a><ul><li><a href="/">Видео</a><li><a href="/">Галерея</a><li><a href="/">Мемы</a></ul></li></ul><div class="header_search"><div class="header_search_advanced">Расширенный поиск</div><div class="header_search_search"><form action="" method="get"><input type="text" name="search_text" id="search_text" placeholder="Найди себе подходящий фильм"/><input type="button" name="search_button" id="search_button"></form></div><div class="header_search_example">Пример: тед 2</div></div></div></div>

Как можно реализовать так что бы все норм осталось ?

[SanyaSV]

Ну что вообще не кто не чего не знает ?

[Vic-Tor]

Тут или лучше тут глянь.