Jquery Cycle - 显示多个 div

Question

只需使用 Jquery Cycle 插件，我就有一个框，允许用户滚动框内的类别列表。但我似乎找不到一种方法让 Jquery Cycle 一次显示多个框，允许用户向上或向下滚动以显示更多框。

这是 html:

<div id="themeSearch">
    <h1 class="mainSectionHeader">By Theme</h1>
    <div class="scrollUp eventSearchScroll"><a href="#" id="prev6"><img src="<?php bloginfo('template_directory'); ?>/images/scrollUp.png" alt="Scroll Up" /></a></div>
    <div id="themeSelector">
        <div class="themeItem"><p><span>On foot<span></p><a href="#"><span>Go</span></a></div>
        <div class="themeItem"><p><span>Vintage Coach<span></p><a href="#"><span>Go</span></a></div>
        <div class="themeItem"><p><span>Helicopter<span></p><a href="#"><span>Go</span></a></div>
        <div class="themeItem"><p><span>Boat<span></p><a href="#"><span>Go</span></a></div>
    </div>
    <div class="scrollDown eventSearchScroll"><a href="#" id="next6"><img src="<?php bloginfo('template_directory'); ?>/images/scrollDown.png" alt="Scroll Down" /></a></div>
</div>

...CSS:

    #themeSearch {
    background: url(../images/bgRed.png) top left repeat;
    width: 275px;
    height:346px;
    padding: 15px;
    float: left;
    margin: 0 20px;
}
#themeSelector {
    height:216px;
}
.themeItem {
    width: 100%;
    height: 35px;
    border: 1px solid #6e060a;
    clear: both;
    margin: 19.5px 0;
}

...和 ​​js:

    jQuery(document).ready(function() {
    jQuery('#themeSelector').cycle({ 
    fx:     'scrollUp', 
    timeout: 6000, 
    delay:  -2000 ,
    next:   '#next6', 
    prev:   '#prev6'
});
});

在这种特殊情况下，我想一次显示大约 4 个“themeItems”，允许用户上下滚动以显示更多内容。

谢谢

Answer 1

听起来更像是你需要使用类似 jCarousel 的东西

http://sorgalla.com/projects/jcarousel/