Помогите поставить скрипт слайдера в шапку

автор das1k Декабрь 20th 2011, 22:19

Вот :

Спойлер:

Код:: <script type="text/javascript" src="http://blog.dreamcss.com/wp-content/uploads/example/js/jquery.js"></script> <script type="text/javascript" src="http://blog.dreamcss.com/wp-content/uploads/example/js/scripts.js"></script> <div id="header"> <div class="wrap"> <div id="slide-holder"> <div id="slide-runner"> <a href=""><img id="slide-img-1" src="http://ns-k.net.ua/forum/1/1.png" class="slide" alt="" /></a> <a href=""><img id="slide-img-2" src="http://ns-k.net.ua/forum/1/2.jpg" class="slide" alt="" /></a> <a href=""><img id="slide-img-3" src="http://ns-k.net.ua/forum/1/3.jpg" class="slide" alt="" /></a> <a href=""><img id="slide-img-4" src="http://ns-k.net.ua/forum/1/4.jpg" class="slide" alt="" /></a> <a href=""><img id="slide-img-5" src="http://ns-k.net.ua/forum/1/5.jpg" class="slide" alt="" /></a> <a href=""><img id="slide-img-6" src="http://ns-k.net.ua/forum/1/6.jpg" class="slide" alt="" /></a> <a href=""><img id="slide-img-7" src="http://ns-k.net.ua/forum/1/7.jpg" class="slide" alt="" /></a> <div id="slide-controls"> <p id="slide-client" class="text"><strong></strong><span></span></p> <p id="slide-desc" class="text"></p> <p id="slide-nav"></p> </div> </div> </div> </div> </div> <script type="text/javascript"> if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"ПЕРша картинка","desc":"ПЕРша картинка 1"},{"id":"slide-img-2","client":"Вторая","desc":"Вторая 1"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}]; </script> <style> *{ margin:0; padding:0; } html{ height:100%; } body{ height:100%; color:#a4a4a4; cursor:default; font-size:11px; line-height:16px; text-align:center; background-color:#000; background-position:50% 0; background-repeat:no-repeat; font-family:Tahoma,sans-serif; } a:link,a:visited{ color:#fff; text-decoration:none; } a img{ border:0; } div.wrap{ width:993px; margin:0 auto; text-align:left; } div#top div#nav{ float:left; clear:both; width:993px; height:52px; margin:22px 0 0; background:url url(http://blog.dreamcss.com/wp-content/uploads/example/images/nav-bg.png) 0 0 no-repeat; } div#top div#nav ul{ float:left; width:700px; height:52px; list-style-type:none; } div#nav ul li{ float:left; height:52px; } div#nav ul li a{ border:0; height:52px; display:block; line-height:52px; text-indent:-9999px; } div#header{ margin:-1px 0 0; } div#video-header{ height:683px; margin:-1px 0 0; } div#header div.wrap{ height:299px; background:url(http://blog.dreamcss.com/wp-content/uploads/example/images/header-bg.png) 50% 0 no-repeat; } div#header div#slide-holder{ z-index:40; width:993px; height:299px; position:absolute; } div#header div#slide-holder div#slide-runner{ top:9px; left:9px; width:973px; height:278px; overflow:hidden; position:absolute; } div#header div#slide-holder img{ margin:0; display:none; position:absolute; } div#header div#slide-holder div#slide-controls{ left:0; bottom:228px; width:973px; height:46px; display:none; position:absolute; background:url(http://blog.dreamcss.com/wp-content/uploads/example/images/slide-bg.png) 0 0; } div#header div#slide-holder div#slide-controls p.text{ float:left; color:#fff; display:inline; font-size:10px; line-height:16px; margin:15px 0 0 20px; text-transform:uppercase; } div#header div#slide-holder div#slide-controls p#slide-nav{ float:right; height:24px; display:inline; margin:11px 15px 0 0; } div#header div#slide-holder div#slide-controls p#slide-nav a{ float:left; width:24px; height:24px; display:inline; font-size:11px; margin:0 5px 0 0; line-height:24px; font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat; } div#header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px; } div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://blog.dreamcss.com/wp-content/uploads/example/images/silde-nav.png);} div#nav ul li a{background:url(http://blog.dreamcss.com/wp-content/uploads/example/images/nav.png) no-repeat;} </style>

Как его отредактировать...Дана сказала что надо переделать..Но я не шарю...помогите