全宽图像轮播,可以将所选图像居中并部分显示图库中的其他图像

发布于 2024-08-12 10:45:51 字数 479 浏览 3 评论 0原文

我一直在寻找一个可以做到这一点的插件,我能找到的最接近的是 CarouselLite,但它并没有真正做到我想要得到的。我能找到的大多数其他库不喜欢 100% 宽度或隐藏非活动图像,或者不将活动图像居中滚动到图库 div 的最左侧。我不太擅长 javascipt,也许有人可以向我指出一个适合我的库。

我正在尝试设置一个全宽图像库以显示相当大的图像,所选图像(通过鼠标单击)在页面上居中,而其他图像也部分显示(在屏幕宽度允许的范围内)。再次单击同一张图像将使下一张图像在屏幕上居中(幻灯片效果会很可爱),单击其他图像应使已单击的图像居中。

这听起来很简单,我希望找到能快速完成此任务的东西。花了两天时间没有运气。我希望有人遇到过可以做到这一点的图书馆。

这是一个 小图像 展示了我正在寻找的内容(想象一下,它的宽度为 100%):

I've looked for a plugin that will do this and the closest I could find was CarouselLite but it doesn't really do what I am trying to get. Most of other libraries I could find don't like 100% width or hide inactive images or don't center the active image scrolling it to the very left of the gallery div. I'm not really good at javascipt, maybe someone could point me to a library that will work for me.

I am trying to set a full width image gallery to show fairly large images the way that selected (by a mouse click) image is centered on the page whilst other images are partially shown as well (as much as the screen width allows). Clicking this same image again will center next one on the screen (slide effect would be lovely), clicking other images should center one that's been clicked.

It sounds quite simple and I was expecting to find something that does this quickly. Spent two days with no luck. I hope someone has came across a library that will do this.

Here is a small image demonstrating what I am looking for (imagine, it's 100% width):

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

云雾 2024-08-19 10:45:51

我至少能够在这里使用原型 UI 和轮播插件进行一些工作。这里的问题是,当我尝试将活动图像居中时,它仍然将活动图像与屏幕左侧对齐。

I was able to get somewhat working at least somehow here with prototype UI and carousel plugin. The problem here is that it still aligns the active image to the left side of the screen whilst I am trying to center it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文