css - 需要自定义轮播帮助

标签 css html user-interface carousel

我需要有关构建下方 UI 的建议。这是一个类似旋转木马的结构,其中活跃的状态以绿色突出显示,我们仍然可以看到下一个状态被禁用或显示为灰色。

我已经为前任研究过这个。我可以使用任何旋转木马来适应这种设计,但似乎无法得出任何结论。也想到了 slider ,但没有看到适合这种设计。

伙计们,你们有什么建议或指示让我开始这里吗?我不需要代码;只想要一个起点。到目前为止,我坚持使用轮播或 slider 。 我知道这可能不是关于 SO 的最具建设性的问题,但我们将不胜感激任何指点。

enter image description here

最佳答案

很遗憾,您没有提供任何有关单击这些元素时会发生什么的信息。如果我理解正确的话,您正在寻找支持您自己的寻呼机设计的轮播。如果这是正确的,您必须先添加分页标记,之后您可以使用任何支持幻灯片切换方法的轮播。然后你可以为你的分页项添加点击事件监听器,并在监听器中调用切换方法,通过它设置一个新的幻灯片对应于分页器元素索引。

例如,你可以试试slick carousel ,因为它有 .slickGoTo() 方法,您可以使用它以编程方式切换幻灯片。您也可以尝试自定义 slick 的默认分页器,但这可能不是那么容易,甚至根本不可能。

关于css - 需要自定义轮播帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49948575/

相关文章:

javascript - 如何在使用jquery替换类后添加类

css - 删除 div 标签之间的空格

java - 使用 Java 将 HTML 转换为 PDF

html - img 没有反应

html - Div 在应该向下推时重叠

delphi - (如何)我可以使用带有标准文件打开对话框的 FutureWindows 吗?

java - 双击 .jar 文件以在命令行中启动它

html - 悬停时出现的文本,在转换完成后消失

html - 图像未扩展表格单元格的宽度

从不同的类调用时 Java repaint() 不起作用