2015-05-06 2 views
2

Я хочу использовать ползунок cycle2.js. Каждый элемент, который я хочу выполнить, - это элемент div, содержащий несколько тегов статьи.Замена <img> тегов в cycle2.js

Могу ли я заменить теги img на div? Как?

<div class="cycle-slideshow" 
    data-cycle-fx=scrollHorz 
    data-cycle-timeout=0 
    > 
    <!-- prev/next links --> 
    <div class="cycle-prev"></div> 
    <div class="cycle-next"></div> 
    <img src="http://malsup.github.io/images/p1.jpg"> <!-- Can I convert img tags to div elements? --> 
    <img src="http://malsup.github.io/images/p2.jpg"> 
    <img src="http://malsup.github.io/images/p3.jpg"> 
    <img src="http://malsup.github.io/images/p4.jpg"> 
</div> 

Я сейчас пытаюсь получить JS для отображения трех статей, и изменить три показывается после определенного времени прошло. На странице с этим рассмотренным кодом отображается одна статья за раз в нечетной (сломанной) позиции. Есть ли что-то, что я делаю неправильно?

<div class="cycle-slifdshow" data-cycle-slider="div"> 
    <div class="three-at-a-time"> 
    <article> ...</article> 
    <article>...</article> 
    <article>...</article> 
    </div> 
    <div class='three-at-a-time> 
    ... 
    </div> 
    ... 
</div> 

ответ

0

Документация говорит да http://jquery.malsup.com/cycle2/faq/#non-image

Я хочу использовать слайды, которые не являются изображения. Как сообщить Cycle2, что мои слайды ?

Использовать атрибут data-cycle-slides для предоставления селектора jQuery , который идентифицирует элементы в контейнере, которые являются слайдами. Например, если слайд-шоу является ули лития сползает вам бы установить атрибут вроде этого: данных цикла горок = «Ли»

<ul class="cycle-slideshow" data-cycle-slides="li"> 
    <li><img src="path/to/some/image1.jpg"></li> 
    <li><img src="path/to/some/image2.jpg"></li> 
    <li><img src="path/to/some/image3.jpg"></li> 
</ul> 
+0

Я просто заметил, StackOverflow не позволяет ответить с форматированием кода в вашем ответе. Я отредактирую свой оригинальный вопрос, чтобы отразить свою позицию. Спасибо за ответ! –