显示3图像和中间图像必须是主动旋转木马?

时间:2016-02-19 06:08:27

标签: jquery html css

我正在使用这个插件jquery.jcarousellite,尝试激活第二个图像是活动的,我尝试下面的代码 CSS

<div id="jcl-demo">
    <div class="custom-container auto moreItems ">
        <a href="#" class="prev">&lsaquo;</a>
        <div class="carousel" style="visibility:hidden; left:-5000px;">
            <ul>
                <li><img src="images/comm-stake-holders.png"></li>
                <li><img src="images/comm-investors.png"></li>
                <li><img src="images/comm-developers.png"></li>
                <li><img src="images/construction.jpg"></li>
            </ul>
        </div>
        <a href="#" class="next">&rsaquo;</a>
        <div class="clear"></div>
    </div>
</div>

2 个答案:

答案 0 :(得分:0)

您可以指定轮播应从h = Hash.new puts "Enter the first name for user" h["First_name"] = gets.capitalize puts "Enter the Middle name for user" h["Middle_name"] = gets.capitalize puts "Enter the Last name for user" h["Last_name"]= gets.capitalize puts "The name entered is #{h["First_name"][0]}" + "." + "#{h["Middle_name"][0]}" + "." + "#{h["Last_name"]}" 属性开始的项目。请记住,轮播中的第一项开头为0,依此类推。

脚本:

start

您可以阅读更多here

答案 1 :(得分:0)

$(function() {
    total_li=$(".carousel ul li").length;
    middle_li=(total_li/2)-1;
    $(".carousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        start: middle_li
    });
});