Форум Monoray.ru

Здравствуйте. Подскажите пожалуйста, как на главной странице после, например, каждого третьего слайдера закрывать блок:

Код: Выделить всё

 
<div id="mySlides">
<div class="block">
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
 </div>
<div class="block">
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
 </div>
<div class="block">
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
   <div class="jFlowSlideContainer"
     Здесь картинка с текстом
  </div>
 </div>
</div>

 

при помощи php?

Спасибо, напишу немного по подробее. Есть php views\layouts\index.php, в нем слайдер. Каждый слайд начинается с

Код: Выделить всё

<div id="slide<?php echo $i;?>" class="slide">
...
</div>

Так вот, как сделать так чтобы при выводе обернись каждые 3 слайда в div:

Код: Выделить всё

<div>
  <div id="slide1" class="slide">
    ...
   </div>
     <div id="slide2" class="slide">
   ...
   </div>
   <div id="slide3" class="slide">
   ...
   </div>
<div>
<div>
  <div id="slide4" class="slide">
    ...
   </div>
     <div id="slide5" class="slide">
   ...
   </div>
   <div id="slide6" class="slide">
   ...
   </div>
<div>
<div>
  <div id="slide7" class="slide">
    ...
   </div>
     <div id="slide8" class="slide">
   ...
   </div>
   <div id="slide9" class="slide">
   ...
   </div>
<div>

Да собственно почти тоже самое:

Код: Выделить всё

<div id="mySlides">
<?php 
$items = array(
    'содержимое слайда1',
    'содержимое слайда2',
    'содержимое слайда3',
    'содержимое слайда4',
    // и т.д.
);

for($i = 0; $i < count($items); $i++) {
    if($i % 3 == 0) {
        echo '<div class="block">';
    }
        
    echo '<div id="slide'.$i.'">'.$items[$i].'</div>';

    if(($i+1) % 3 == 0 || count($items) == $i+1){
        echo '</div>';
    }
}
?>
</div> 

Да не , вы же прекрасно знаете, что находится в файле atlas\views\layouts\index.php, там нет

Код: Выделить всё

'содержимое слайда1',
'содержимое слайда2',
'содержимое слайда3',
'содержимое слайда4', 

там выполняется скрипт вывода слайдов.
Я бы с радостью обернул всё это при помощи js, если бы не было конфликта с js - библиотекой слайда

Я тогда не пойму что вы хотите сделать:)
Чтобы в слайдере было по 3 картинки за раз? Или чтобы было несколько слайдеров по 3 кадра в каждом?

Оставил способ с js.
Еще вопрос как в слайдер добавить свойства: регион, цена, кол-во комнат и тд...?

Здравствуйте все. И с праздниками Вас

Вопрос такой - как остановить слайдер, чтобы только одна картинка была и не листалась совсем ? и стрелки навигации скрыть тоже нужно.

В файле atlas\views\layouts\index.php примерно со строки 60 находятся параметры слайдера:

Код: Выделить всё

$("#myController").jFlow({
                    controller: ".jFlowControl", // must be class, use . sign
                    slideWrapper: "#jFlowSlider", // must be id, use # sign
                    slides: "#mySlides",  // the div where all your sliding divs are nested in
                    selectedWrapper: "jFlowSelected",  // just pure text, no sign
                    effect: "flow", //this is the slide effect (rewind or flow)
                    width: width+"px",  // this is the width for the content-slider
                    height: height+"px",  // this is the height for the content-slider
                    duration: 400,  // time in milliseconds to transition one slide
                    pause: 5000, //time between transitions
                    prev: ".jFlowPrev", // must be class, use . sign
                    next: ".jFlowNext",
                    auto: true
                }); 

Замените auto: true на auto: false - это остановит слайдер
Чтобы убрать стрелки надо удалить тут же:

Код: Выделить всё

prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext", 

и выше html:

Код: Выделить всё

<div class="jFlowPrev"></div>
<div class="jFlowNext"></div> 

А если у вас шаблон classic и Nivoslider, то в этом же файле строка 31 :

Код: Выделить всё

$("#slider").nivoSlider({effect: "random", randomStart: true}); 

заменить на:

Код: Выделить всё

$("#slider").nivoSlider({effect: "random", randomStart: true, controlNav: false, directionNav: false,  manualAdvance:true });