Приветствую.
Плагин jCarousel для jquery динамически создает такой код карусели:
<div class="jcarousel-skin-name">
<div class="jcarousel-container">
<div class="jcarousel-clip">
<ul class="jcarousel-list">
<li class="jcarousel-item-1">First item</li>
<li class="jcarousel-item-2">Second item</li>
</ul>
</div>
<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
<div class="jcarousel-next"></div>
</div>
</div>
Где
<div disabled="disabled" class="jcarousel-prev jcarousel-prev-disabled"></div>
<div class="jcarousel-next"></div>
Кнопки "Вперед" и "Назад".
Так вышло, что в макете, который я в данный момент верстаю "
jcarousel-skin-name" имеет свойство
overflow: hidden, а в моем макете кнопки находятся за пределами блока и соответственно обрезаются.
Я вижу 2 варианта решения проблемы, они же являются вопросами
1. Как только с помощью css (html нет возможности менять) сделать видимыми элементы за пределами блока, со свойством
overflow: hidden?
2. В этом варианте нужно просто вынести html код блоков с кнопками за пределы блока с
overflow: hidden. Но тут возникает проблема, т.к. я плохо владею яваскриптом в целом и jquery в частности. Если вдруг здесь есть умельцы, которые готовы помочь, исходный код карусели тут:
https://github.com/jsor/jcarousel/bl...y.jcarousel.js
Заранее спасибо.