用於多個頁面的iosSlider

我正在嘗試將iosSlider用於多個頁面。例如，要從page1.html滑動到page2.html到page3.html，依此類推。這個例子只是展示瞭如何從一個div跳轉到另一個div（我猜DIV有圖像或文本）。有誰知道如何操縱這個拉起一個新的HTML頁面？用於多個頁面的iosSlider

這是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 
    }); 

});

或者，如果你知道另外一個插件或代碼的刷卡從一個頁面到下一個，我會接受這個答案也是如此。

謝謝！

來源

2012-06-18 SnowboardBruin