Question

我需要java脚本中的垂直滑块。滑块应该是这样的，在点击加上[+]时它会向下滑动，单击[ - ]时它会向上滑动。从DB中挑选内容并显示在屏幕中。我需要以下代码的滑块。

<ck:forEach items="${headings}" var="headings">
  <input type="button" value="<ck:out value="${headings.description}" />"><br>
  <ck:forEach items="${descriptions}" var="descriptions">
        <ck:if test="${headings.identifier == descriptions.identifier}">                    
                <ul><li><ck:out value="${descriptions.text}" /></li></ul>                   
        </ck:if>
  </ck:forEach>
        <br>
</ck:forEach>

我不能使用JQuery插件。

由于

Answer 1

你可以尝试这个：

jQuery(document).ready(function($) {
   $('#simple-vertical').royalSlider({
    arrowsNav: true,
    arrowsNavAutoHide: false,
    fadeinLoadedSlide: true,
    controlNavigation: 'none',
    imageScaleMode: 'fill',
    imageAlignCenter:true,
    loop: false,
    loopRewind: false,
    numImagesToPreload: 4,
    slidesOrientation: 'vertical',
    keyboardNavEnabled: true,
    video: {
      autoHideArrows:true,
      autoHideControlNav:true
    },  

    autoScaleSlider: true, 
    autoScaleSliderWidth: 960,     
    autoScaleSliderHeight: 850,

    /* size of all images http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/adding-width-and-height-properties-to-images */
    imgWidth: 640,
    imgHeight: 360
  });
});

DEMO PAGE

javascript中的垂直滑块

1 个答案: