Tobidase Swipe LightBox
| 开发者 | satohata |
|---|---|
| 更新时间 | 2026年8月3日 17:59 |
| PHP版本: | 7.4 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
Tobidase Swipe LightBox opens images and videos in a fullscreen popup with swipe support.
Features:
- Swipeable popup for images and videos
- Supports YouTube, Vimeo, Niconico, Dailymotion, and MP4
- Auto-fetches title and thumbnail from YouTube and Vimeo
- Two popup styles: standard popup and zoom
- Zoom on desktop: double-click or Ctrl+scroll to zoom in/out; drag to pan while zoomed
- Auto-captures MP4 thumbnails from self-hosted video files (browser-side, no server processing)
- Switch popup style per post type in the admin settings
- Override the style for individual items directly in the post editor
- Group images and videos within a post for sequential slideshow display
- Reset the slideshow at the group boundary.
- Slide counter display (current / total)
- Loop, autoplay, and mute options
- Caption alignment (center / left)
- Keyboard navigation (← →, Esc)
- Admin bar compatible (z-index safe)
- Hint animation on popup open (mobile)
- Insert an image in the post editor
- Click the image → click "Link" in the block toolbar
- Select "Media File" and save
- Place the cursor at the insertion point in the post editor (Text mode)
- Click the "Tobidase Movie" quicktag button
- Enter the video URL in the dialog
- Optionally add a thumbnail and caption, then click "Insert"
安装:
- Upload the
tobidase-swipe-lightboxfolder to/wp-content/plugins/ - Activate the plugin from the WordPress admin "Plugins" screen
- Go to Tools > Tobidase SLB to configure settings
屏幕截图:
常见问题:
The popup does not open when I click an image.
Make sure the image link is set to "Media File". If the link is set to "Attachment Page" or "None", the popup will not open.
Can I use this with videos?
Yes. YouTube, Vimeo, Niconico, Dailymotion, and MP4 are supported. Use the "Tobidase Movie" quicktag button in the post editor to insert a video.
Why isn't the thumbnail auto-fetched for my MP4 video?
For MP4 files hosted on your own site, the thumbnail is captured automatically from the video in your browser. For MP4 files hosted on another website, browsers block this capture for security reasons (CORS) unless that website explicitly allows it. In that case, please enter the thumbnail image URL manually.
How do I navigate between slides?
- Mobile: Swipe left/right, or tap the navigation buttons at the bottom of the popup
- PC: Click the arrow buttons on the left/right of the screen, or use the ← → keyboard keys
- Close: Tap the ✕ button, tap the background, or press Esc
更新日志:
1.0.3
- Fix: When multiple images were inserted together in the visual editor, text typed right before/after an image could end up trapped inside the image's link tag. Text is now automatically moved outside the link when the content is displayed, and a line break (Shift+Enter) right after an image is handled the same way.
- Fix: A paragraph containing several images is now automatically split (both in the visual editor and in the displayed page) so each image gets its own paragraph, letting you place text above/below each image without affecting the swipe grouping.
- Fix: Images inside figure blocks (block editor) with extra text inside the link previously failed to convert into a lightbox at all; this is now corrected.
- Improve: Clicking an image link and pressing the Left/Right arrow key now moves the cursor out of the link (still inside the same paragraph), so text and line breaks typed next to an image no longer get trapped inside the link tag.
- Improve: Redesigned the "swipe" mode badge icon — the center frame is now a tall rectangle instead of a square, with a wide white bar appearing to pass behind it (evoking a filmstrip), instead of two separate faded side chips.
- New: Auto-capture thumbnails from self-hosted MP4 files in the editor (browser-side)
- New: Zoom support on desktop — double-click or Ctrl+scroll to zoom; drag to pan
- Fix: Groups with the same name are now treated as separate groups
- Improve: Lightbox layout on mobile landscape (button position, image size)
- Improve: Settings page — added section headings, grouping instructions, and redesigned controls table
- Initial release