Title: Responsive Lightbox Author: subhansanjaya Published: 2014 年 7 月 15 日 Last modified: 2025 年 8 月 8 日 --- 搜索插件 ![](https://ps.w.org/responsive-lightbox-lite/assets/banner-772x250.jpg?rev=948858) ![](https://ps.w.org/responsive-lightbox-lite/assets/icon-128x128.png?rev=983411) # Responsive Lightbox 作者：[subhansanjaya](https://profiles.wordpress.org/subhansanjaya/) [下载](https://downloads.wordpress.org/plugin/responsive-lightbox-lite.1.3.5.zip) * [详情](https://cn.wordpress.org/plugins/responsive-lightbox-lite/#description) * [评价](https://cn.wordpress.org/plugins/responsive-lightbox-lite/#reviews) * [安装](https://cn.wordpress.org/plugins/responsive-lightbox-lite/#installation) * [开发进展](https://cn.wordpress.org/plugins/responsive-lightbox-lite/#developers) [支持](https://wordpress.org/support/plugin/responsive-lightbox-lite/) ## 描述 Responsive Lightbox WordPress plugin adds Lightbox functionality for images, html content and media on your webpages. [Live demo](http://weaveapps.com/shop/wordpress-plugins/responsive-lightbox-lite/). #### Features of this plugin * Responsive. * Light weight. * Option to set automatically add Lightbox to your images, gallery, videos etc. * Customisable through settings and CSS. The [Responsive Lightbox Pro](http://weaveapps.com/shop/wordpress-plugins/responsive-lightbox-wordpress-plugin/) includes added support for: * Responsive and HiDPI compatible. * Designed to work with the both classic and gutenberg editors * Touch enabled and mobile friendly. * Option to add LightBox functionality automatically to your images, gallery, videos etc. * 7 built in CSS powered effects (Fade, Slide, Fall etc.). * Show image captions automatically. * Add LightBox functionality for any type of content such as images, image galleries, AJAX, iFrame, Flash, Youtube or Vimeo videos, another website, inline content, HTML etc. * Easy to use standard admin interface with more than 15 options. * 2 built in themes and simple templating system add your own theme easily. * Translation ready. * Multisite support. * Search engine optimised. * Light weight. (Smaller file size which load faster.). * Support all browsers: Firefox, Chrome, IE, Safari etc. * Compatible with any theme. * Developed in best practices of CSS3 and HTML5. * Easy to customise through settings and custom option to override styles, if necessary without editing the css files. * Change default colors with color pickers. * Integrated with automatic updates. ## 屏幕截图 * [[ * http://www.backraw.com/plugins/rll/images/screenshot-1.jpg ## 安装 **Installation Instruction & Configuration** 1.You can use the built-in installer. OR Download the zip file and extract the contents. Upload the ‘responsive-lightbox-lite’ folder to your plugins directory( wp-content/plugins/). 2.Activate the plugin through the ‘Plugins’ menu in WordPress. 3.Log into Admin panel and go to Settings > responsive lightbox lite to change values. Adding images to a post and linking them to media files 1. Open the page or post editor 2. Click the plus button to add a new block 3. Click the Image block 4. The image block will be added to the page. Click either the Upload or Media Library button 5. Choose an image to add and link it to media file by clicking on the anchor icon on the top of the block settings. So it can open in the LightBox How to add Lightbox functionality manually? If you would prefer to add Lightbox manually, first you need to disable automatically add option from the backend (Settings > Responsive Lightbox) and add rel and data- type attributes to your links accordingly. 1. **Single Images** rel=”lightbox” 2. **Images Gallery** rel=”lightbox[gallery-0]” 3. **iFrame/ external links** rel=”lightbox” data-lightbox-type=”iframe” 4. **Gmap** rel=”lightbox” data-lightbox-type=”iframe” 5. **Vimeo** rel=”lightbox” data-lightbox-type=”iframe” 6. **Youtube** rel=”lightbox” data-lightbox-type=”iframe” 7. **Ajax** rel=”lightbox” data-lightbox-type=”ajax” 8. **Inline** rel=”lightbox” data-lightbox-type=”inline” ## 常见问题 ### How to add Lightbox functionality manually? If you would prefer to add Lightbox manually, first you need to disable automatically add option from the backend (Settings > Responsive Lightbox) and add rel and data- type attributes to your links accordingly. 1. **Single Images** rel=”lightbox” 2. **Images Gallery** rel=”lightbox[gallery-0]” 3. **iFrame/ external links** rel=”lightbox” data-lightbox-type=”iframe” 4. **Gmap** rel=”lightbox” data-lightbox-type=”iframe” 5. **Vimeo** rel=”lightbox” data-lightbox-type=”iframe” 6. **Youtube** rel=”lightbox” data-lightbox-type=”iframe” 7. **Ajax** rel=”lightbox” data-lightbox-type=”ajax” 8. **Inline** rel=”lightbox” data-lightbox-type=”inline” ## 评价 ![](https://secure.gravatar.com/avatar/13b6be1925356a12b692eea98875da097f8b958b2c8cd47e6a7a27fd91d2daa5? s=60&d=retro&r=g) ### 󠀁[The best lightbox on the market!](https://wordpress.org/support/topic/the-best-lightbox-on-the-market/)󠁿 [Bojan Denić](https://profiles.wordpress.org/evilmc/) 2024 年 2 月 29 日 Thanks for the best lightbox-free plugin on the market for WordPress! ![](https://secure.gravatar.com/avatar/d6cecfc7ba6de463926d47f2e263534b9cc1ee18492b7a7073e851c576daa48c? s=60&d=retro&r=g) ### 󠀁[Simple, works straight away and responsive](https://wordpress.org/support/topic/simple-works-straight-away-and-responsive/)󠁿 [devgirl](https://profiles.wordpress.org/elfynity5/) 2023 年 5 月 10 日 I am very impressed with this plugin, it worked right out the box and looks great and works on mobile too. I liked that it doesn’t have a ton of extras that slow down the process and my website, I just wanted a good lightbox that worked easily! Thank you! ![](https://secure.gravatar.com/avatar/81ee2e089913fe15162af476d78a9c203e7e75179959f172b6816a0e51024eb3? s=60&d=retro&r=g) ### 󠀁[Yup, it works! Right out of the box.](https://wordpress.org/support/topic/yup-it-works-right-out-of-the-box/)󠁿 [cloudybright](https://profiles.wordpress.org/cloudybright/) 2023 年 2 月 25 日 It’s enabled by default and flat out works. Images now open is a small popup window and disappear with one click. Easy. ![](https://secure.gravatar.com/avatar/fe59c3405dbcf46f578dfc177c2af4ae03dde605bb672531c09640164deb2f7d? s=60&d=retro&r=g) ### 󠀁[Very nice plugin!](https://wordpress.org/support/topic/very-nice-plugin-971/)󠁿 [mertoncel](https://profiles.wordpress.org/mertoncel/) 2022 年 8 月 21 日 Works very well! ![](https://secure.gravatar.com/avatar/72c3dc1375c9e4b2c549caa293e6a7944f288e28683fe1529d584b60de0bc66d? s=60&d=retro&r=g) ### 󠀁[Doesn’t support attachment links](https://wordpress.org/support/topic/doesnt-support-attachment-links/)󠁿 [jenwebb](https://profiles.wordpress.org/jenwebb/) 2022 年 3 月 25 日 This plugin works for just displaying the image in a lightbox, but I’m looking for something that displays the attachment as a modal with title description etc ![](https://secure.gravatar.com/avatar/fa6c6a174847b5ec54241d2e04c55ba1ca8124140efd57a92abc868fff26973c? s=60&d=retro&r=g) ### 󠀁[Did exactly what I needed – lightbox from text link](https://wordpress.org/support/topic/did-exactly-what-i-needed-lightbox-from-text-link/)󠁿 [phirefly](https://profiles.wordpress.org/phirefly/) 2020 年 10 月 1 日 Most other plugins require you to use a shortcode. This one allows you to use normal HTML which is what I wanted 🙂 [ 阅读所有41条评价 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/) ## 贡献者及开发者 「Responsive Lightbox」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ subhansanjaya ](https://profiles.wordpress.org/subhansanjaya/) 「Responsive Lightbox」插件已被翻译至 3 种本地化语言。 感谢[所有译者](https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox-lite/contributors) 为本插件所做的贡献。 [帮助将「Responsive Lightbox」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox-lite) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/responsive-lightbox-lite/)， 查看[SVN仓库](https://plugins.svn.wordpress.org/responsive-lightbox-lite/)，或通过 [RSS](https://plugins.trac.wordpress.org/log/responsive-lightbox-lite/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/responsive-lightbox-lite/)。 ## 更新日志 **Version 1.3.5** Tested with latest version of WordPress **Version 1.3.2** Added missing script file. **Version 1.2** Bug fixes for improved quality and performance. ## 额外信息 * 版本 **1.3.5** * 最后更新：**10 月前** * 活跃安装数量 **10,000+** * WordPress 版本 ** 4.5 或更高版本 ** * 已测试的最高版本为 **6.8.5** * 语言 * [English (US)](https://wordpress.org/plugins/responsive-lightbox-lite/) 、 [German](https://de.wordpress.org/plugins/responsive-lightbox-lite/)、 [Russian](https://ru.wordpress.org/plugins/responsive-lightbox-lite/) 和 [Swedish](https://sv.wordpress.org/plugins/responsive-lightbox-lite/). * [翻译成简体中文](https://translate.wordpress.org/projects/wp-plugins/responsive-lightbox-lite) * 标签 * [lightbox](https://cn.wordpress.org/plugins/tags/lightbox/)[modal dialog](https://cn.wordpress.org/plugins/tags/modal-dialog/) [pop up](https://cn.wordpress.org/plugins/tags/pop-up/)[responsive lightbox](https://cn.wordpress.org/plugins/tags/responsive-lightbox/) * [高级视图](https://cn.wordpress.org/plugins/responsive-lightbox-lite/advanced/) ## 评级 4.6 星（最高 5 星）。 * [ 36 条 5 星评价 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=5) * [ 1 条 4 星评价 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=3) * [ 2 条 2 星评价 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=2) * [ 2 条 1 星评价 ](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/responsive-lightbox-lite/reviews/) ## 贡献者 * [ subhansanjaya ](https://profiles.wordpress.org/subhansanjaya/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/responsive-lightbox-lite/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=BXBCGCKDD74UE)