Замена тегов <img> в cycle2.js

Question

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

Могу ли я заменить теги 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>

Answer 1

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

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

Используйте атрибут data-cycle-slides, чтобы предоставить селектор jQuery, который идентифицирует элементы в контейнере, которые являются слайдами. Например, если ваше слайд-шоу является ul с li-слайдами, вы можете установить атрибут следующим образом: data-cycle-slides="li"

<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>