gpt4 book ai didi

javascript - 具有自定义图像位置的全屏背景幻灯片(每张幻灯片)

转载 作者:行者123 更新时间:2023-11-28 08:54:42 25 4
gpt4 key购买 nike

我的一位客户有一个图像库,他们想在网站上用作全屏背景。

我使用 Supersized js 中的幻灯片功能 + API 调用作为网站导航中幻灯片/子页面的背景,这与我的前景元素很好地配合,创建了良好的多页面效果。

唯一的问题是,它们的一些图像不能很好地居中,而应该顶部对齐(因为如果居中,图像的焦点会在较大的窗口尺寸下被切断)。

目前,我正在做一个非常讨厌的手动销毁和重建,以便在不同时进行调整(当前图像在 CMS 中管理,因此如果图像垂直对齐,用户只需选择一个框)。这确实达到了目的,但是很笨重并且有一些令人讨厌的跳跃。

您是否知道一种无需破坏/重建即可完成此操作的方法,或者是否有其他插件可以处理此问题(并且仍然可以使用我描述的分页功能?)

谢谢大家!

最佳答案

您可以尝试jQuery.mb.bandGallery插入。它的优点是,在全屏模式下,它会调整图像大小并使其居中以适合屏幕。

或者您可以尝试从 tympanus.net/codrops 上的一些文章和演示中获取灵感。 ,例如:

关于javascript - 具有自定义图像位置的全屏背景幻灯片(每张幻灯片),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18648102/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com