如何设置滑块旋转全宽

时间:2016-01-25 11:31:15

标签: jquery html revolution-slider

我是滑块革命的新手。如何制作全宽屏幕?我试过以下:

                <!-- START REVOLUTION SLIDER 5.0 -->
                <div class="rev_slider_wrapper">
                    <div id="slider1" class="rev_slider"  data-version="5.0">
                        <ul>
                            <li data-transition="fade">
                                <!-- MAIN IMAGE -->
                                <img src="../img/iphone.jpg"  alt=""  width="1920" height="1280">
                            </li>

                            <li data-transition="fade">
                                <!-- MAIN IMAGE -->
                                <img src="../img/htc.png"  alt=""  width="1920" height="1280">
                            </li>
                        </ul>
                    </div><!-- END REVOLUTION SLIDER -->
                </div><!-- END OF SLIDER WRAPPER -->

                <script>
                    jQuery(document).ready(function() {
                        jQuery("#slider1").revolution({
                            sliderType:"standard",
                            sliderLayout:"fullwidth",
                            delay:9000,
                            navigation: {
                                arrows:{enable:true}
                            }
                        });
                    });
                </script>

但它仍然是半宽。我在标题中包含了所有内容。

1 个答案:

答案 0 :(得分:0)

如果您可以附加屏幕截图,可能更容易回答,但您可以尝试类似

的内容
<div class="rev_slider_wrapper" style="width:100%">