Responsive Lightbox

説明

Responsive Lightbox WordPress plugin adds Lightbox functionality for images, html content and media on your webpages.

Live demo.

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 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”

FAQ

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”

評価

2020年9月5日
Usava antes o plugin Responsive Lightbox & Gallery (da dFactory) que também é muito bom, mas cheio de opções e mais complicado. Esse Responsive Lightbox tem 5 opções e funciona bem para o que eu preciso: fazer os links para imagens abrirem na própria página. Depois do WordPress 5.5 (que removeu o jQuery Migrate), o plugin parou de funcionar em alguns sites com temas antigos (diversos plugins pararam, inclusive o Responsive Lightbox & Gallery). Para contornar isso, mude o tema (se ele tá dando problema nisso, provavelmente é bem velho ou mal feito) ou instale o plugin Enable jQuery Migrate Helper.
2019年12月8日
I was looking for a simple & fast lightbox without USELESS animations, and I have to wait seconds before seeing a large version of the pic. I was looking for a lightbox plugin where it closed the image when clicking outside of the image. I was looking for a lightbox with no useless huge icons. I was looking for a lightbox that does not kill my URLs thinking there are picture. Responsive lightbox is the only one doing the job.
36件のレビューをすべて表示

貢献者と開発者

Responsive Lightbox はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Responsive Lightbox” は1ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Responsive Lightbox” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

Version 1.3.2

Added missing script file.

Version 1.2

Bug fixes for improved quality and performance.