我正在尝试设置一个全屏 jquery 滑块。我将项目分为两个步骤 1) css 和 2) js。
1) CSS，下面是我正在拍摄的图片（没有固定高度），下面是我到目前为止不起作用的代码。
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<style type="text/css">
/* Positioning */
#container { width: 2500px; }
.block { display: inline; }
/* Styling */
.block img { padding: 5px; }
</style>
</head>
<body>
<div id="container">
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
<div class="block"><img src="http://i42.tinypic.com/1zp2poz.gif"></div>
</div>
</body>
</html>
2) JavaScript，使用 jquery 我希望 div 在单击它们时向左滑动...就像jQuery Coda 滑块如果可能的话。
谢谢，非常感谢任何帮助。
您需要首先将容器 div 的 css 设置为固定宽度并将溢出设置为隐藏，以便仅显示该区域内的内容：
#container{
width:500px;
height:200px;
overflow:hidden;
}
您希望滑块如何工作？自动的？按下按钮？有一些插件可能可以自动处理它