{"id":1027,"date":"2014-11-21T01:32:36","date_gmt":"2014-11-20T17:32:36","guid":{"rendered":"http:\/\/blog.turn.tw\/?page_id=1027"},"modified":"2014-11-21T01:49:27","modified_gmt":"2014-11-20T17:49:27","slug":"react-lightbox-plugin-1-0","status":"publish","type":"page","link":"https:\/\/blog.turn.tw\/?page_id=1027","title":{"rendered":"React Lightbox Plugin 1.0"},"content":{"rendered":"

Introduction<\/h3>\n

React Lightbox is a React plugin for implementing lightbox effect easily with React.
\nIt provides some basic functions for you to extend including:
\n* Turn on\/off the lightbox (openLightbox, closeLightbox)
\n* Communicate variables between different elements in the lightbox (setLightboxState).<\/p>\n

Demo<\/h3>\n

Basic usage<\/a>
\nPassing variables<\/a>
\nCustome elements<\/a>
\nCommunication between elements<\/a><\/p>\n

Getting started<\/h3>\n

To use the lightbox plugin, include the react library, the JSX transformer, and the react-lightbox library inside the tag of your HTML document:<\/p>\n

\r\n\r\n