javascript - 通过滚动或 slider 比较/查看 2 行图像

标签 javascript css responsive-design slider

我的目标是拥有一个可以比较两张行/列图像的界面。

In the image I linked to, you can see there will be 2 rows of images that are being compared.

我想滑动/滚动每一行,以便用户最终可以识别出 2 个匹配的图像。

我看过一些 slider 和滚动应用程序的代码,但没有看过每一行都可以独立于另一行滑动的代码。非常感谢任何建议或在线资源链接。

最佳答案

试试 jquery-ui 那里有很多工具,比如 slider ,每个元素都可以单独放在那里。如果你能对图像做同样的事情,我会感到很惊讶,尽管大多数时候我看到它是使用垂直 slider 完成的,而且听起来你想要水平 slider 。

关于javascript - 通过滚动或 slider 比较/查看 2 行图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47699070/

相关文章:

css - ipad屏幕搞砸了响应式设计

css - 响应式菜单和媒体查询 (CSS)

javascript - 无法使用javascript获取值(value)

javascript - 空间接口(interface) : animating containers back and forth to a sidebar

jquery - 使用 Bootstrap 数据悬停状态重置事件子导航

javascript - 在要替换的元素上占据高度

html - 使表单脚本响应 css?

javascript - 让主干来提供静态 html 文件

javascript - javascript 上 find() 和 filter().shift() 的区别

javascript - 有一个更好吗? $(文档) 或 $ ('document' )