Javascript-форум - jQuery jCarousel в две строки

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - jQuery jCarousel в две строки (https://javascript.ru/forum/dom-window/13010-jquery-jcarousel-v-dve-stroki.html)

jQuery jCarousel в две строки

Здравствуйте.
Я продвинуто-задвинутой новичок в JS, AJAX и т.п., извиняюсь если вещи, которые сказанные мной будут глупостями. Слишком много информации за последние дни получил и пока ещё не всё улеглось.

Делаю для WP плагин-карсуель для контента на основе jQuery php + ajax. Контент подгружается сформированным XML файло.

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

Я пробовал в два уровня сделать ul li - получилось, с float: left/none тоже получилось.. Но только на тестовом примере. Добавляем - уже не работает.. т.к. нужно что бы список рос заполняясь верхний элемент-нижний элемент->следующий столбец. Т.е. столбцами заполняться должно.

Вот этого я добиться никак не могу...
Я решил создать ещё один "list" (там называется так этот DIV), который помещается в "clip" (див в котором содержимое и который собственно влево-вправо).
Сделал ещё один ul.

this.container=i(a);
this.list=this.container.find("ul,ol").eq(0)
this.list2=this.container.find("ul,ol").eq(1)

Он появляется, но не в CLIP, а ниже, т.к. есть следующая строчка

this.clip=this.list.wrap("<div></div>").parent();

list отделяется div-ом, а list2 остаётся за ним.

Манипуляции типо this.clip=this.clip.wrap не прокатывают, но мои list и list2 находятся уже рядом... Но карусель перестаёт работать, т.к. изменён CLIP...... (

И тут мой мозг спотыкается и я не могу понять - wrap это создание "вокруг" элемента элемента. А как сделать вокруг двух элементов ? :)

Специально пишу вторым сообщением, извините если это нарушает правила. Смысловая нагрузка совсем другая

Всегда пишу на форум и посещают идеи, что пост писать уже не нужно. Этот пост переписываю третий раз.

Изначально разметка списка выглядит как

Код:

  <div id="mycarousel" class="jcarousel-skin-ie7">

    <ul>

      <!-- The content will be dynamically loaded in here -->

    </ul>

        <ul>

      <!-- The content will be dynamically loaded in here -->

    </ul>

  </div>

Жирным выделено то, что уже добавлено мной - второй список.

Может сразу переделать типо

Код:

<div>

<div id="row1" style="display:table-row">



</div>

<div id="row2" style="display:table-row">



</div>

</div>

Что бы втыкать элементы

Код:

<div>

<div id="row1" style="display:table-row">

<div id="elemt1" style="width:100px; height:100px">element1</div>

</div>

<div id="row2" style="display:table-row">

<div id="elemt2" style="width:100px; height:100px">element2</div>

</div>

 </div>

Втыкаются элементы как this.list.prepend(g), list - li.jcarousel-item... можно подменять на row1-2 и отправлять их туда...

C div-ами не работает, как я понял механизм карусели сделан для списка ul li