Coda Slider

[Anuksanomun]

Добрый вечер!!!

Не знаю есть подобная тема.... простите нет просто времени просматривать. Сначала был заказ на слайдер статический, после просмотра захотелось автоматический... в ява скрипт не очень разбираюсь... Я стянула кусочек кода для автомата, но видать всё не так просто...

Этот скрипт его вызывает:

        <script type="text/javascript">
		$(window).bind("load", function() {
			$("div#slider1").codaSlider()
		});
	</script>

Собственно слайдер:

<div id="menu">
        	<!-- ************ -->
            <!--   SLIDER     -->
            <!-- ************ -->
        	<div class="slider-wrap">
                <div id="slider1" class="csw">
                    <div class="panelContainer">
                        <div class="panel" title="Баннерная реклама">
                        <!--[if IE 7]><link type="text/css" rel="stylesheet" media="all" href="/css/border-radius.htc"><![endif]-->
                            <div class="wrapper">
                                <div class="sliderImage"><img src="images/slider_img1.png" alt="img1" /></div>
                                <div class="sliderInfo">
                                	<p class="font7">Баннерная реклама</p>
                                    <br/>
                                    <p class="font3">Баннерная реклама - это массовое размещение рекламных баннеров на сайтах с высокой посещаемостью с целью привлечения большого количества посетителей за небольшой срок.</p>

                                    <ol class="listSlider font3">
                                        <li><a href="#" class="mark1">быстрый старт - баннерная реклама начинает работать уже через несколько часов после запуска;</a></li>
                                        <li><a href="#" class="mark2">легкая управляемость - баннерная реклама будет действовать столько,<br/> сколько Вам нужно - ни дня больше, ни дня меньше;</a></li>
                                        <li><a href="#" class="mark3">целенаправленность - возможность использования временного и географического таргетинга.</a></li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="panel" title="тизерная реклама">
                            <div class="wrapper">
                                <div class="sliderImage"><img src="images/slider_img2.png" alt="img2" /></div>
                                <div class="sliderInfo">
                                	<p class="font7">Тизерная реклама</p>
                                    <br/>
                                    <p class="font3">Тизерная реклама – это гармоничное сочетание баннеров и текстовой рекламы. </p>

                                    <ol class="listSlider font3">
                                        <li class="font5"><a href="#" class="mark1">по сравнению с другими видами интернет-рекламы, тизеры дают наивысшие показатели по «кликабельности», что положительно влияет на доходы собственника ресурса, рекламируемого таким образом;</a></li>
                                        <li class="font1"><a href="#" class="mark2">фактически безграничные возможности по настройкам отображения рекламных<br/>  блоков для наиболее гармоничного их размещения на сайте;</a></li>
                                        <li><a href="#" class="mark3">если у пользователя стоит настройка на блокирование рекламы, тизеры, все-таки, имеют шанс прорваться через данную преграду;</a></li>
                                        <li><a href="#" class="mark4">тизерная реклама – наиболее грамотное сочетание эффективности и себестоимости, что неоднократно было оценено рекламодателями.</a></li>
                                    </ol>
                                </div>
                            </div>
                        </div>		
                        <div class="panel" title="контекстная реклама">
                            <div class="wrapper">
                                <div class="sliderImage"><img src="images/slider_img3.png" alt="img3" /></div>
                                <div class="sliderInfo">
                                	<p class="font7">Контекстная реклама</p>
                                    <br/>
                                    <p class="font3">Контекстная реклама важный элемент проведения рекламной кампании.</p>

                                    <ol class="listSlider font3">
                                        <li><a href="#" class="mark1">увеличение посещаемости Вашего сайта посетителями, заинтересованными в Вашем продукте, услуге;</a></li>
                                        <li><a href="#" class="mark2">появление новых клиентов в короткие сроки, за счет быстрого запуска, рекламной кампании;</a></li>
                                        <li><a href="#" class="mark3">эффективную рекламную кампанию с прогнозируемым числом новых <br/>клиентов; </a></li>
                                        <li><a href="#" class="mark4">прозрачную систему контроля за работой исполнителя, что позволяет Вам быть уверенным в результате.</a></li>
                                    </ol>
                                </div>
                            </div>
                        </div>
                        <div class="panel" title="продвижение и раскрутка">
                            <div class="wrapper">
                                <div class="sliderInfoP4"><span class="font7">Продвижение и раскрутка</span><img src="images/slider_img4.png" alt="img4" /><span class="font8">Регистрируй бизнес и получай клиентов!</span></div>
                            </div>
                        </div>
                        <div class="panel" title="Заработок">
                            <div class="wrapper">
                                <div class="sliderInfoP4"><span class="font7">Заработок</span><img src="images/slider_img5.png" alt="img5" /><span class="font8">Регистрируй сайты и зарабатывай!</span></div>
                            </div>
                        </div>

                    </div><!-- .panelContainer -->
                </div><!-- #slider1 -->
            </div>
            <!-- ************ -->
            <!--  END SLIDER  -->
            <!-- ************ -->
        </div>

А вот этот кусочек я хотела лихо подсунуть...

$().ready(function() {
    $('#coda-slider-2').codaSlider({
        autoSlide: true,
        autoSlideInterval: 4000,
        autoSlideStopWhenClicked: true
    });
});

Можно тут (в последней инициализации), подправить так что б не переделывать всё с нуля?

Заранее СПАСИБО!

Edited November 18, 2011 by Anuksanomun

[Anuksanomun]

Тема уже не актуальна!