自动调整大小的JavaScript滑块

我试图为显示最后四个帖子的客户端构建一个内容滑块。现在它只是纯HTML，但我有一个问题。自动调整大小的JavaScript滑块

必要时，滑块框需要带有滚动条180px高。我的滑块似乎工作，除了它使滑动框全部像最高的盒子一样高。这就让他们留下了很多空白的短文章。

任何人都知道一个修复？

http://jsfiddle.net/insitedesignlab/kQDcb/1/

我见过Quovolver这样做，但我很想知道如何#slidesContainer

2011-12-23 Jon Kuperman

的基本问题是需要以动态地调整它的父知道多久滚动。解决这个问题的方法之一是改变你的生命的呼叫包括回调：

$('#slideInner').animate({ 
     'marginLeft' : slideWidth*(-currentPosition) 
    },null,null, 
    function(){ 
     $('#slidesContainer').css('height', $(this).children(".slide:nth-child(" + parseInt((Math.ceil(-1*slideWidth*(-currentPosition)/$("#slideshow").width())) + 1) + ")").height() + "px"); 
    } 
);

有可能是一个稍微好一点的方法，使计算，但是这会奏效。您也可以隐藏所有未显示的.slide div。然后，#slidescontainer将自动调整大小到仅可见（不显示：无）幻灯片。

来源

2011-12-23 20:13:35 JoeyP

非常感谢！我一整天都在努力完成这项工作。真棒=） – 2011-12-23 20:45:29

我已经在此更新您的代码JS Fiddle。您需要删除最小高度属性并将背景颜色设置为幻灯片div。

来源

2011-12-23 20:26:22 kvc

这确实有效，但它不是我正在寻找的东西。就像在另一个答案中，我希望最小高度留在那里，这样我可以根据需要添加一个y滚动条。虽然谢谢！ – 2011-12-23 21:50:17

自动调整大小的JavaScript滑块

回答

相关问题