我发现这个很小的全屏宽度循环自动播放滑块,但仅适合4张图像。 如何调整百分比以增加到7张图像? 抱歉,如果您不介意的话,但我是一个初学者,并且对为什么此代码按其工作方式只有一个基本的了解。

<!DOCTYPE html>

<html>
<head>
<title>My Slider</title>

<style>
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}
</style>   
</head>

<body>

<div id="slider">
<figure>
<img src="images/C01.jpeg" alt>
<img src="images/C02.jpeg" alt>
<img src="images/C03.jpeg" alt>
<img src="images/C04.jpeg" alt>
<img src="images/C01.jpeg" alt>
</figure>
</div>

</body>

</html>

谢谢安倍

  ask by Abe Loewy translate from so

本文未有回复,本站智能推荐:

2回复

将Auto Scroll添加到此jQuery滑块?

你好,有人可以帮忙吗 我正在使用这个整页滑块.. http://www.musca.se/full-window-width-jquery-tools-content-slider-demo/ 但是,我需要在页面加载后自动滑动,而不是仅仅进行导航。 这是演示中使用的代码。
1回复

将标题添加到图像滑块

我想在此滑块的左下角添加标题,但我不确定如何做到这一点。 理想情况下,文本不应像图像一样滑动。 它应该像这样 。 我已经尝试过使用该插件,但老实说,它似乎过于复杂,该脚本运行正常,只是缺少标题... 任何帮助将不胜感激。 谢谢 的jsfiddle HTML
1回复

如何将当前图像文件名添加到滑块

我是Java语言的新手,并在w3schools.com上找到了此代码,用于添加滑块。 效果很好,但是我需要在下一个和上一个按钮之间添加当前文件名,但我不知道如何。 这是我使用的代码: HTML CSS Javascript 因此,我将上一个箭头和下一个箭
1回复

如何将导航器添加到jQuery滑块

我写了自己的滑块,这很简单。 现在,我要添加到此滑块nagiator 。 例如:如果我单击rel=1的li ,我想显示rel=1的div 。 我已经写了这个: 但这是行不通的。 你能给我一些建议吗? 这是带有代码的jsFiddle: http : //jsfiddle
1回复

如何将多个输入(旋钮)添加到单个滑块?

我正在构建一个带有滑块的闪亮应用程序。 但是我注意到有一个显示1个旋钮的滑块或一个有2个旋钮的滑块。 但是,我需要构建一个带有3个旋钮的滑块,并且所有3个旋钮都应该传递3个不同的输入值,并且应该彼此独立(相同的滑块比例)。 如何在R Shiny或Jquery中实现此目标?
1回复

如何将项目符号导航添加到滑块

我创建了一个简单的淡入淡出滑块并使其正常工作。 我想将项目符号导航圆圈动态地合并到滑块中,并动态链接到幻灯片中的图像,但是我觉得这太困难了。 现在,我已经手动将项目符号导航栏放入 有人能帮助我吗? 谢谢 这是我的小提琴http://jsfiddle.net/kingkhan/f
1回复

如何将css添加到jquery滑块的每个步骤?

我想为jquery滑块的不同步骤添加不同的背景色。 有什么办法可以做到吗? 我正在尝试构建与此类似的滑块。subaru在此使用Flash完成。 我正在尝试在jquery中做同样的事情。 任何帮助,将不胜感激。 我不是jquery的专家。
1回复

如何将标记添加到jQuery UI滑块?

我有一个简单的jQuery UI滑块,其数值范围从25到35.它工作正常,默认值为28.我希望在滑块上添加一个简单的刻度标记,表示28是默认值。 有没有简单的方法来添加指标?
1回复

将标题添加到现有图像滑块

我尝试使用“ figure”和“ figcaption”将标题添加到图像滑块,并为其提供样式,但它只会创建一个新幻灯片。 有没有一种方法可以添加标题,如下图所示。 有7个带有7个不同标题的图像。 我的滑块 ASPX 样式
1回复

从文件夹中获取所有图像并将其添加到Slider

我有一个名为first的文件夹res/drawable/pics/first 。该文件夹最多可以包含5张图像(5张或少于5张)。我需要遍历所有这些图像并将其添加到此滑块https://github.com / daimajia / AndroidImageSlider 这样的事情可能吗?