Question

我想在我的主页上显示前两个部分，然后当用户点击“显示更多新闻”时，前两个消息消失，另外两个我隐藏了。可以用jCarousel制作滑块吗？因为我尝试过很多方法而且从不工作。它更好地使用其他插件来滑动内容部分？

导入jQuery库

<script type="text/javascript" src="jcarousellite_1.0.1.min.js"></script>
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js?ver=1.9.1'></script>

HTML：

         <div id="news-content">

             <h1>News</h1>
             <hr/>

             <div id="firstnews">

             <article id="loop-news">
               <img src="image1.png" />
               <a href="#">Title 1</a>
               <p>Text Title 1</h3>
           </article>


             <article id="loop-news">
               <img src="image2.png" />
               <a href="#">Title 2</a>
               <p>Text Title 2</p>
               <h3>Read more</h3>
           </article>

          </div>

          <!-- Just want to show this articles below when click on "SHOW MORE NEWS" -->

          <div id="secondnews">

             <article id="loop-news">
               <img src="image1.png" />
               <a href="#">Text only show</a>
               <p>Text Title 1</h3>
           </article>


             <article id="loop-news">
               <img src="image2.png" />
               <a href="#">Title 2</a>
               <p>Text Title 2</p>
               <h3>Read more</h3>
             </article>

           </div>

           <hr/>
           <a href="#" id="nextBtn">SHOW MORE NEWS(+)</a>

           </div>

Jquery的：

<script type="text/javascript">

        $(document).ready(function() {
            $("news-content").jCarouselLite({
              btnPrev: "#nextBTN",
              visible: 1
            })
        });

</script>

Answer 1

我有同样的问题，我认为jcarousel仅适用于图像。可能需要Bj内容滑块http://www.byjoomla.com/joomla-extensions/content-slider

不能滑过部分内容，它更好地使用其他插件？

1 个答案: