Question

我有jquery滑块。有时滑块的高度小于正常高度。我使用Jquery计算#slip＆＃39的高度，因为滑块是响应的。

HTML：

<div id="slider">
        <ul id="sliderres">
            <li><img class="slires" src="slider/1.jpg" alt=""></li>
            <li><img class="slires" src="slider/2.jpg" alt=""></li>
            <li><img class="slires" src="slider/3.jpg" alt=""></li>
            <li><img class="slires" src="slider/4.jpg" alt=""></li>
        </ul>
</div>

CSS：

#slider{
    overflow:hidden;
    margin:10px auto;
    width:1024px;
    position:relative
}
#slider #sliderres li{
    font-size:20px;
    float:left;
    list-style:none;
    text-align:center
}
#slider #sliderres li img{
    width:100%
}

JQUERY：

var sliuzun = $('#sliderres li:first-child').height(),
    time=0;
    $('#slider').height(sliuzun);
    $('#buton li:first').addClass('buton');
    $('#buton li').click(function(){
        var butind = $(this).index();
        $('#slider #sliderres li:eq('+butind+')').fadeIn('fast');
        $('#buton li').removeClass('buton');
        $(this).addClass('buton');
        return false;
    });
    $(window).resize(function(){
        sliuzun = $('#sliderres li:first-child').height()
        $('#slider').height(sliuzun);
    });
    $.Slider = function(t){
        $('#slider #sliderres li').hide();
        if(time < t - 1){
            time++;
            $('#slider #sliderres li:eq('+time+')').fadeIn('fast');
        }else{
            $('#slider #sliderres li:first').fadeIn('fast');
            time = 0;
        }
    }
    setInterval('$.Slider('+$('#slider #sliderres li').length+')',2500);

Answer 1

我解决了。我上传了16：9张图片。 9/16 = 0,5625。宽度* 0.5625解决了问题。抱歉我的英语不好。我是土耳其人，我在7年级

JQuery Slider中的错误

1 个答案: