繁体 English 中英

具有自定义图像位置的全屏背景幻灯片（每张幻灯片）

[英]Fullscreen background slideshow with custom image positions (per slide)

原文 2013-09-06 00:37:52 0 1 javascript/ jquery/ slideshow/ fullscreen/ supersized

我有一个客户，该客户有一个图像库，希望在网站上用作全屏背景。

我在Supersized js中使用幻灯片功能和api调用来充当站点导航中幻灯片/子页面的背景，这与我的前景元素很好地结合在一起，可以创造出良好的多页效果。

唯一的问题是，它们的某些图像不能很好地居中工作，而应该居中对齐（因为如果居中，则图像的焦点会在较大的窗口尺寸处被切断）。

目前，我正在做一个非常讨厌的手动销毁和重建，以便在不同时进行调整（当前，图像是在CMS中管理的，因此如果图像是垂直对齐的，则用户只需选择一个框即可）。 这可以解决问题，但是笨拙并且具有令人讨厌的跳跃感。

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

多谢你们！

您可以尝试使用jQuery.mb.bandGallery插件。 它的优势在于，在全屏模式下，它将调整图像大小并居中以适合屏幕。

或者，您可以在tympanus.net/codrops上尝试/从多篇文章和演示中获取灵感，例如：

[英]Background fullscreen slideshow

[英]Slideshow Effect with 3 Images per slide

[英]Change images in a slide of an image slideshow

[英]Image slide with custom background CSS on HTML Wordpress

[英]Slideshow with different amount of images per slide

[英]jQuery slideshow with per-slide transitions/durations

[英]How to set a duration per slide in a jquery slideshow?

[英]Javascript Fullscreen Background Slideshow help needed

[英]slideshow background image not working

[英]Background-Image slideshow?

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 背景全屏幻灯片幻灯片效果，每张幻灯片 3 个图像在图像幻灯片的幻灯片中更改图像在HTML Wordpress上使用自定义背景CSS的图像幻灯片每张幻灯片具有不同数量的图像的幻灯片 jQuery幻灯片，每个幻灯片的过渡/持续时间如何在jquery幻灯片中设置每张幻灯片的持续时间？ Javascript全屏背景幻灯片需要帮助幻灯片背景图片不起作用背景图片幻灯片播放？

相关标签