Шаблон agency.pay (добавление слайдера)

[Макс 1]

Добрый день! Если я хочу внедрить например в свой шаблон какой то слайдер, добавляю файлы нужные, то мой шаблон начинает ехать, в сторону сдвигаться блоки  еще что-то! как я понимаю перемешиваются эти стили css ,поэтому такая каша получается! У меня вопрос можно этот слайдер подключить к шаблону как то отдельно какой то функцией/переменной ??? чтобы стили эти не смещались и не получалось такого конфуза

[TopRaN 235]

Добрый день! Если я хочу внедрить например в свой шаблон какой то слайдер, добавляю файлы нужные, то мой шаблон начинает ехать, в сторону сдвигаться блоки  еще что-то! как я понимаю перемешиваются эти стили css ,поэтому такая каша получается! У меня вопрос можно этот слайдер подключить к шаблону как то отдельно какой то функцией/переменной ??? чтобы стили эти не смещались и не получалось такого конфуза

Все слайдеры разные, соответственно под каждый слайдер пишется свой стиль. Поэтому любой слайдер подгонят под шаблон.

[Макс 1]

ну вообщем функцией/переменной так просто не подключишь слайдер? надо все стили переделывать верно?

[TopRaN 235]

ну вообщем функцией/переменной так просто не подключишь слайдер? надо все стили переделывать верно?

1. Про какой слайдер идет речь?

2. Не все стили нужно переделывать, взависимости от того за что слайдер цепляется.

[Макс 1]

слайдер например этот http://kotweb.ru/for_web_developers/must_have/38-101-slayder-i-slaydshou-dlya-sayta-na-jquery-css-shikarno-prosto-shikarno.html 4-й по списку!

[TopRaN 235]

слайдер например этот http://kotweb.ru/for_web_developers/must_have/38-101-slayder-i-slaydshou-dlya-sayta-na-jquery-css-shikarno-prosto-shikarno.html 4-й по списку!

http://getbootstrap.com/2.3.2/javascript.html#carousel а разве такой не подойдет? и стили разъежаться не будут.

[Макс 1]

хорошо спасибо попробуем собрать его, вопрос по данному слайдеру можно вам задать?

[TopRaN 235]

Да

[Макс 1]

Для добавления его на сайт достаточно этого ?

• <div id="myCarousel" class="carousel slide">
• <ol class="carousel-indicators">
• <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
• <li data-target="#myCarousel" data-slide-to="1"></li>
• <li data-target="#myCarousel" data-slide-to="2"></li>
• </ol>
• <!-- Carousel items -->
• <div class="carousel-inner">
• <div class="active item">…</div>
• <div class="item">…</div>
• <div class="item">…</div>
• </div>
• <!-- Carousel nav -->
• <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
• <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
• </div>

в каком файле хранитьь данные значения ?

• $('.carousel').carousel({
• interval: 2000
• })

его надо подключать в хэдере чтото вроде этого <script type="text/javascript" src="адресскрипта/названиескрипта.js"></script>

[Макс 1]

просто на сайте стилей не увидел, они что не нужны?

[TopRaN 235]

в каком файле хранитьь данные значения ?

•  
• $('.carousel').carousel({
• interval: 2000
• })

его надо подключать в хэдере чтото вроде этого <script type="text/javascript" src="адресскрипта/названиескрипта.js"></script>

Да скрипт нужно подключать. 

 

<script type="text/javascript">

$(function() {

$('.carousel').carousel({

interval: 2000

})

});

</script>

Стили уже находятся в системе. bootstrap.min.css

[Макс 1]

подскажите последнее куда тут вставлять адрес картинок

 

 

• <div id="myCarousel" class="carousel slide">
• <ol class="carousel-indicators">
• <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
• <li data-target="#myCarousel" data-slide-to="1"></li>
• <li data-target="#myCarousel" data-slide-to="2"></li> сюда?
• </ol>
• <!-- Carousel items -->
• <div class="carousel-inner">
• <div class="active item">…</div>
• <div class="item">…</div>
• <div class="item">…</div>
• </div>
• <!-- Carousel nav -->
• <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
• <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>
• </div>

[TopRaN 235]

<div class="active item">…</div>

 

[Макс 1]

спасибо за помощь очень помогли!