이 플러그인은 최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다.

blueimp lightbox

설명

blueimp Gallery is a touch-enabled, responsive and customizable image and video gallery, carousel and lightbox, optimized for both mobile and desktop web browsers.
It features swipe, mouse and keyboard navigation, transition effects, slideshow functionality, fullscreen support and on-demand content loading and can be extended to display additional content types.
This is the official WordPress plugin for the Gallery lightbox functionality.
By default it automatically adds lightbox functionality to image links ending with gif, jpg, jpeg and png extensions. The plugin provides an options page to disable the automatic feature and to restrict the list of media types. It is also possible to add lightbox functionality for a link manually.

스크린샷

  • Options page
  • Lightbox with bright image
  • Lightbox with dark image

설치

  1. Upload the blueimp-lightbox folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Ready! 🙂

FAQ

How to enable the lightbox functionality for default WordPress galleries?

In the Gallery settings, set the “Link To” option to “Media File”.

How to manually activate the lightbox functionality for a link?

Simply add the attribute data-gallery to the link tag and it will be opened in the lightbox:

<a href="banana.jpg" data-gallery>Banana</a>

If multiple links on the page have the data-gallery attribute, the lightbox enables gallery navigation between the linked resources.

How can I enable the lightbox HTML5 fullscreen mode for a link?

To enable the HTML5 fullscreen mode, add the #blueimp-gallery-fullscreen value for the data-gallery attribute:

<a href="banana.jpg" data-gallery="#blueimp-gallery-fullscreen">Banana</a> 

Please note that this only has an effect in browsers which support the HTML5 fullscreen API.
Other browsers will simply display the lightbox without HTML5 fullscreen mode.

How can I display HTML5 videos in the lightbox?

Add the data-gallery attribute and a type attribute with the video content type to the link:

<a href="cats.mp4" type="video/mp4" data-gallery>Cats</a>
<a href="dogs.ogv" type="video/ogv" data-gallery>Dogs</a>

Please note that this is only supported in browsers which can play native HTML5 video and support the required video codec.

How can I display YouTube videos in the lightbox?

Add the data-gallery attribute, set the type attribute to text/html and add a data-youtube attribute with the YouTube video ID:

<a href="https://www.youtube.com/watch?v=zi4CIXpx7Bg" type="text/html" data-youtube="zi4CIXpx7Bg" data-gallery>LES TWINS - An Industry Ahead</a>
How can I display Vimeo videos in the lightbox?

Add the data-gallery attribute, set the type attribute to text/html and add a data-vimeo attribute with the Vimeo video ID:

<a href="https://vimeo.com/73686146" type="text/html" data-vimeo="73686146" data-gallery>KN1GHT - Last Moon</a>
Where can I find more documentation for this plugin?

Head over to the blueimp Gallery project page and check out the Gallery docs.

후기

2019년 1월 7일
Hello! it’s good simple plugins, but I have one problem. When I click on the picture I need to click one more time in order to see navigation buttons. Maybe somebody knows what’s wrong?
모든 16 평가 읽기

기여자 & 개발자

“blueimp lightbox”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “blueimp lightbox”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.1.2

  • Added compatibility information for WordPress 4.0.

1.1.1

  • Detect media files with query parameters or anchor suffixes.

1.1.0

  • Updated resource files to blueimp Gallery 2.15.0.
  • Added the automatic activation filter to the post_gallery hook.

1.0.1

  • Updated resource files to blueimp Gallery 2.11.5.
  • Added a workaround for the plugin urls if the plugin is included via symlink.
  • Replaced plugins_url with plugin_dir_path for the path to the HTML templates.

1.0.0

  • Initial release.