Question

我正在尝试将iosSlider用于多个页面。例如，要从page1.html滑动到page2.html再到page3.html，依此类推。该示例仅显示了如何从一个div转到另一个div（我猜DIV有图像或文本）。有谁知道如何操纵这个来拉起一个新的html页面？

这是iosSlider页面上的代码：

jQuery的：

<!-- jQuery library -->
<script type = 'text/javascript' src = '/iosSlider/jquery-1.7.min.js'></script>

<!-- iosSlider plugin -->
<script type = 'text/javascript' src = '/iosSlider/jquery.iosslider.js'></script>

HTML：

<!-- slider container -->
<div class = 'iosSlider'>

    <!-- slider -->
    <div class = 'slider'>

        <!-- slides -->
        <div class = 'slide'>...</div>
        <div class = 'slide'>...</div>
        <div class = 'slide'>...</div>

    </div>

</div>

CSS：

/* slider container */
.iosSlider {
    /* required */
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;

    width: <slider width>px;
    height: <slider height>px;
}

/* slider */
.iosSlider .slider {
    /* required */
    width: 100%;
    height: 100%;
}

/* slide */
.iosSlider .slider .slide {
    /* required */
    float: left;

    width: <slide width>px;
    height: <slide height>px;
}

JavaScript的：

$(document).ready(function() {

    /* basic - default settings */
    $('.iosSlider').iosSlider();

    /* some custom settings */
    $('.iosSlider').iosSlider({
        snapToChildren: true,
        scrollbar: true,
        scrollbarHide: false,
        desktopClickDrag: true,
        scrollbarLocation: 'bottom',
        scrollbarHeight: '6px',
        scrollbarBackground: 'url(_img/some-img.png) repeat 0 0',
        scrollbarBorder: '1px solid #000',
        scrollbarMargin: '0 30px 16px 30px',
        scrollbarOpacity: '0.75',
        onSlideChange: changeSlideIdentifier
    });

});

或者，如果您知道要从一个页面滑动到另一个页面的其他插件或代码，我也会接受该答案。

谢谢！

Answer 1

还没有可用的代码。

Answer 2

好吧，您可以使用iosSlider附带的全屏示例。如果您愿意将整个页面放在div中，它可以满足您的需求。

iosSlider用于多个页面

2 个答案: