1

複数のページに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
    });

});

または、あるページから次のページにスワイプする別のプラグインまたはコードを知っている場合は、その回答も受け入れます.

ありがとう！

4

2 に答える 2

-1

このために利用できるコードはまだありません。

于 2012-10-26T13:43:35.133 に答える
-1

まあ、iosSlider に付属しているフルスクリーンの例を使用できます。ページ全体を div 内に配置する場合は、必要なことが行われます。

于 2013-03-04T12:56:16.540 に答える