Jump to content
  • 0

Coda Slider


Anuksanomun
 Share

Question

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

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

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



<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
});
});

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

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

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Обновите слайдер до актуальной версии. Ваша версия слайдера не поддерживает авто-прокрутку.

Если не ошибаюсь, html часть в новой версии тоже несколько другая, так что и её придётся подгонять.

Или, возможно, попробуйте какой-нибудь другой слайдер. Например, фотораму или AnythingSlider.

Link to comment
Share on other sites

  • 0

Обновите слайдер до актуальной версии. Ваша версия слайдера не поддерживает авто-прокрутку.

Если не ошибаюсь, html часть в новой версии тоже несколько другая, так что и её придётся подгонять.

Или, возможно, попробуйте какой-нибудь другой слайдер. Например, фотораму или AnythingSlider.

Уже обновились, спасибо.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy