1

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

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

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

目前我正在做一个非常讨厌的手动销毁和重建以在它不同时进行调整(目前图像是在 CMS 中管理的,所以如果图像是垂直对齐的,用户只需选择一个框)。这可以解决问题,但笨重并且有一些令人讨厌的跳跃。

您是否知道在不破坏/重建的情况下执行此操作的方法,或者是否有其他插件可以处理此问题(并且仍然可以使用我描述的分页功能?)

多谢你们!

4

1 回答 1

0

你可以试试jQuery.mb.bandGallery插件。它的优点是,在全屏模式下,它将调整图像大小和居中以适合屏幕。

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

于 2013-09-06T05:06:29.843 回答