сделать слайдер jquery шириной 100%

Question

сделать слайдер jquery шириной 100%

0

Я использую этот слайдер → http://writerservices.us/slidy/ для вашей информации.

Мне нужно сделать ползунок шириной 100%, поэтому в каждом разрешении он остается 100%.

<script type="text/javascript">
        $(function() {

            $('#default').slidy();

            $('#pause').slidy({
                animation:  'mouseenter',
                cursor:     'wait',
                pause:      true
            });

            $('#menu').slidy({
                animation:  'slide',
                children:   'a',
                menu:       true,
                pause:      true,
                speed:      1100,
                time:       400001111111111111,
                width:      1300,
                height:     400
            });


            $('.group').slidy({
                animation:  'slide',
                height:     97,
                width:      240
            });

        });
    </script>

Это код html js, есть переменная ширина, ставка, когда я пишу width: "100%" он не делает то, что я хочу.

и html-слайдер выглядит так:

 <div id="menu">
   <a href="javascript:void(0);"><img src="img/image-2.jpg" title="Cargo handling"/></a>
 <a href="javascript:void(0);"><img src="img/image-3.jpg" title="Cargo charter flights"/></a>
 </div>

Eriks 12 дек. 2013, в 23:40

Источник

Теги:

javascript

jquery

html

css

3 ответа

0

Ширина использования: "100%! Important"

<div id="default" style="width:100% !important;">
            <img src="img/image-1.jpg" style="width:100% !important;"/>
            <img src="img/image-2.jpg" style="width:100% !important;"/>
            <img src="img/image-3.jpg" style="width:100% !important;"/>
        </div

user2227606 12 дек. 2013, в 20:58

0

Согласно slidy собственной документации, опция "ширина" всегда должна предоставляться в пикселях и никогда процентах (https://github.com/wbotelhos/slidy).

Я бы рекомендовал использовать другой слайдер, который поддерживает процентную ширину.

David Smith 12 дек. 2013, в 20:34

Ещё вопросы

ppollono · Accepted Answer · 2013-12-12T20-57-00.000Z

попробуйте эту скрипку

    $('#menu').slidy({
        animation: 'slide',
        children: 'a',
        menu: true,
        pause: true,
        speed: 1100,
        time: 400001111111111111,
        width: $(document).width(),
        height: $(document).height()
    });