горизонтальная горка с шириной 100% с jcarousellite - PullRequest
Новая
       4

горизонтальная горка с шириной 100% с jcarousellite

1 голос
/ 07 июля 2010

Я использую элемент управления jcarousellite для обеспечения карусельного эффекта на моих изображениях с помощью кнопок «Далее» и «Предыдущий».

<button class="prev"><<</button>
<button class="next">>></button>

<div class="anyClass" style="background-color:Red;" >

    <ul style="width:100%">
        <li style="width:100%" ><div style="background-color:Green; width:100%; text-align:center; margin:0 auto;" ><img src="Untitled-1.jpg" /></div></li>
        <li style="width:100%"><div style="background-color:yellow; width:100%; text-align:center; margin:0 auto;" ><img src="Untitled-2.jpg" /></div></li>
        <li style="width:100%"><div style="background-color:Green; width:100%; text-align:center; margin:0 auto;" ><img src="Untitled-1.jpg" /></div></li>
        <li style="width:100%"><div style="background-color:yellow; width:100%; text-align:center; margin:0 auto;" ><img src="Untitled-2.jpg" /></div></li>            
    </ul>
</div>

Я хочу, чтобы они расширялись до ширины браузера.Ширина: 100%.По какой-то причине это не работает.

Полагаю, вопрос в том, как у меня ширина 100% <li>, чтобы он мог расширяться до конца экрана.

=========================

update

если я установлю ширину: 105% для любого класса, то это даетполная ширина.Однако, как только я перехожу на большой экран, это снова вызывает проблемы ... пожалуйста, помогите

Ответы [ 4 ]

1 голос
/ 17 июля 2010

Я использовал другой плагин

1 голос
/ 07 июля 2010

Я не уверен, что это будет работать, но попробуйте 

.body {
    width: 100%;
}

в вашем CSS

0 голосов
/ 07 декабря 2015 
$('.jcarousel')
    .on('jcarousel:create jcarousel:reload', function() {
        var element = $(this),
            width = element.innerWidth();

        if (width > 900) {
            width = width / 1;
        } else if (width > 600) {
            width = width / 1;
        }

        element.jcarousel('items').css('width', width + 'px');
    })
        $('.jcarousel').jcarousel();
0 голосов
/ 08 июля 2010

На самом деле я должен был добавить li и ul со 100% с отсутствием отступа без полей ..., что сделало трюк

...