1

我正在尝试将iosSlider用于多个页面。例如,从page1.htmlpage2.htmlpage3.html,等等。该示例仅显示了如何从一个 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
    });

});

或者,如果您知道另一个插件或代码可以从一个页面滑动到下一个页面,我也会接受这个答案。

谢谢!

4

2 回答 2

-1

还没有可用的代码。

于 2012-10-26T13:43:35.133 回答
-1

好吧,您可以使用 iosSlider 附带的全屏示例。如果您愿意将整个页面放在 div 中,它会做您想做的事。

于 2013-03-04T12:56:16.540 回答