Full Screen Galleries

2025-08-07 WP免费插件库 7

Full Screen Galleries creates an automatic full-screen slideshow mode for image galleries in your content. Posts and pages with galleries are automatically transformed into a full-screen browsing mode when you click on an image. Within the slideshow, visitors can see captions and access full-size images. The slideshow allows visitors to easily browse larger versions of your images.

You can see Full Screen Galleries in action here.

For an automated full-screen slideshow of all content on your site, see the Content Slideshow plugin.

作者：Nick Halsey

截图：

Full-screen slideshow mode on a large screen.
Full-screen slideshow mode on a small screen.

额外信息：

版本 1.3

最后更新：1 年前

活跃安装数量 100+

WordPress 版本 5.7 或更高版本

已测试的最高版本为 6.6.2

PHP 版本 5.6 或更高版本

语言

评分：5

各个星级评论数量：100%#3#0%#0#0%#0#0%#0#0%#0

问答：

Where’s the settings page?

This plugin does not have or need any settings. Slideshows will automatically work on any single post or page view with at least three images. Click on an image to open the slideshow.

How Does it Work?

Full Screen Galleries is a frontend-based JavaScript application. It searches through your post content for images and automatically creates a gallery slideshow if there are at least three images in the content. It only runs on single post and page views (it does not run on home pages, archives, etc.).

This app is optimized for images generated through WordPress galleries, but will also attempt to include other content images within the slideshow. Both classic editor and block editor galleries are supported. Full Screen Galleries will work on old and new post content without adjustments to your content.

Hide Specific Images from the Slideshow

All images within the post content are included in the slideshow by default. But there are some cases where certain images shouldn’t be included. For example, there may be a standalone image outside of a larger gallery, or an image with an external link that should work on click. Add fsg-hidden to the “Additional CSS Class(es)” option under the advanced settings for the image block to exclude a specific image from the slideshow.

Image Quality and Load Time

Full Screen Galleries takes a “just ahead of time” approach to loading information to balance speed with user experience. Minimal data is added to single page views initially to allow a perceptibly-instant full-screen opening when a user first clicks on an image. Once the slideshow is opened, HTML markup and image files are loaded one-ahead-of-time to anticipate linear navigation.

Additional image data is loaded via Ajax (asynchonously) as a progressive enhancement. Once this secondary load is completed, optimized (larger) images will be available, and full-image links will optimize to link to the original image file for additional (browser-UI) zooming.

The plugin strives to balance load time with image quality. It relies on the existing image sizes defined on your site. You could add additional sizes optimized to specific screen sizes if you find that images are blurry or take too long to load. You could also try the Regenerate Thumbnails plugin to ensure that all of your images are available in all of the default sizes.

Accessibility Approach

Full Screen Galleries attempts to address the following input modes: touch, mouse/pointer, and keyboard. Basic slideshow naviagtion is possible with swipe left/right naviation for touch, keyboard arrow and escape navigation, and button navigation for all input modes. The slideshow is designed to work on any screen size. Please report any accessibility issues on the plugin support forums.

Custom Styling

The default styling features a generic dark background with light text and icons. There is a yellow accent color on hover/focus. You can customize the design with Additional CSS in the customizer. For example, to change the yellow color, you could do something like this:

`#fsg-container figcaption a {
color: #0cf;
}

fsg-navigation > button:focus {

color: #0cf;
box-shadow: 0 0 0 3px #0cf inset;
}
`

Hide Full Image Link

In some situations, it may be desirable to hide the link to the full image size. You can add the following Additional CSS in the customizer to do so:

fsg-navigation #fsg-open-full {

display: none;
}
`

Theme Support

Full Screen Galleries is designed to work with any theme out-of-the box. Themes can add additional support with custom styling. Themes can also include a button to launch Full Screen Galleries with the following template tag:

插件官方网址：https://cn.wordpress.org/plugins/full-screen-galleries/

下载数量：100

缩略图网址：https://ps.w.org/full-screen-galleries/assets/icon.svg?rev=2496406

Full Screen Galleries

猜你喜欢

MC4WP: Mailchimp for WordPress

TruVisibility Plagiarism Checker

EHx Members

Contact Form Builder by RioForms – Drag & Drop WordPress Form Plugin

Edit Recent Edited Posts

Clean Post Content

评论0

社交账号快速登录

社交账号快速登录