Great Compassion Bodhi Prajna Temple Great Compassion Bodhi Prajna Temple
  • 大悲菩提寺
    • 公告: 更新社群帳號
    • 願心
    • 寺院簡介
    • 北美噶舉比丘尼學會
      • 2018國際比丘尼論壇網站
      • 2018國際比丘尼論壇影片
  • 活動通啟
  • 活動報導
  • 成人禪修
  • 青少年禪修
    • 後疫情時代青少年禪修專案
    • 青少年品德教育宗旨
    • 青少年周末禪修班
    • 青少年暑期禪修營
      • 2022年 大悲菩提寺 第九屆 暑期青少年 卓越禪修營 報名簡章
    • 青少年冬令營
    • 歷屆青少年活動報導
  • 法音宣流
    • 雲端法音宣流系列
    • 佛陀的故事
    • 觀音的故事
    • 菩薩因地故事
    • 佛教教義
    • 佛教咒語
    • 佛教禪修
  • 線上教學共修
    • 2021-2022 大寶法王全球網路授課 菩提道燈論
    • 2020 大寶法王全球網路共修
    • 大悲菩提寺線上教學共修
      • 成人共修- 大悲懺法
  • 護持捐款
    • 大悲菩提寺敬邀大眾供養鎏金莊嚴舍利塔
    • 一燈能除千年闇,積聚福德無量無窮盡,歡迎大眾發心供佛前燈
    • 五方佛塔啟完成、大悲菩提寺禪淨、佛法園區的起點
    • 莊嚴大願琉璃地藏王,虔敬安奉圓滿眾生善願成
  • 聯絡我們
Great Compassion Bodhi Prajna Temple Great Compassion Bodhi Prajna Temple
  • 大悲菩提寺
    • 公告: 更新社群帳號
    • 願心
    • 寺院簡介
    • 北美噶舉比丘尼學會
      • 2018國際比丘尼論壇網站
      • 2018國際比丘尼論壇影片
  • 活動通啟
  • 活動報導
  • 成人禪修
  • 青少年禪修
    • 後疫情時代青少年禪修專案
    • 青少年品德教育宗旨
    • 青少年周末禪修班
    • 青少年暑期禪修營
      • 2022年 大悲菩提寺 第九屆 暑期青少年 卓越禪修營 報名簡章
    • 青少年冬令營
    • 歷屆青少年活動報導
  • 法音宣流
    • 雲端法音宣流系列
    • 佛陀的故事
    • 觀音的故事
    • 菩薩因地故事
    • 佛教教義
    • 佛教咒語
    • 佛教禪修
  • 線上教學共修
    • 2021-2022 大寶法王全球網路授課 菩提道燈論
    • 2020 大寶法王全球網路共修
    • 大悲菩提寺線上教學共修
      • 成人共修- 大悲懺法
  • 護持捐款
    • 大悲菩提寺敬邀大眾供養鎏金莊嚴舍利塔
    • 一燈能除千年闇,積聚福德無量無窮盡,歡迎大眾發心供佛前燈
    • 五方佛塔啟完成、大悲菩提寺禪淨、佛法園區的起點
    • 莊嚴大願琉璃地藏王,虔敬安奉圓滿眾生善願成
  • 聯絡我們
Blog
Great Compassion Bodhi Prajna Temple / 無分類 / Lightbox
6 月 08
Lightbox Image

Lightbox

  • 8 6 月, 2011
  • webmaster
  • 無分類

The Widgetkit Lightbox allows you to view images, HTML and multi-media content on a dark dimmed overlay without having to leave the current page.

Features

  • Display images, videos, HTML, Iframes, Ajax requests and SWF
  • Supports YouTube, Vimeo, MP4 (h.264), WebM and FLV movies
  • Group lightboxes and mix different content types
  • Responsive design to fit all device resolutions
  • Load other widgets in lightbox
  • 3 different opening and closing transitions
  • 4 different caption styles
  • Keyboard and mouse scroll wheel navigation
  • Build on the latest jQuery version
  • Works with Joomla and WordPress

Examples

Different animations – fade, elastic and none

Lightbox Image Lightbox Image Lightbox Image

Different title positions – float, inside and over

Lightbox Image Lightbox Image Lightbox Image

Various examples in one gallery (try also using the keyboard and mouse scroll wheel)

  • YouTube
  • Vimeo
  • MP4 (h.264)
  • Swf
  • Inline
  • Iframe
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Load Widgets In A Lightbox

Use #wk-ID to load widgets like slideshows or galleries in a lightbox. For example: Widgetkit Slideshow

<a data-lightbox="width:600;height:300;" href="#wk-10">Lightbox</a>

How To Use

Use the HTML5 custom data attribute data-lightbox to activate the lightbox. You can set various lightbox parameters to the data attribute. For example:

<a data-lightbox="width:1000;height:600;" href="http://www.wikipedia.org">Lightbox</a>

Here is a list of the most common parameters:

  • titlePosition – How should the title show up? (float, outside, inside or over)
  • transitionIn – Set a opening transition. (fade, elastic, or none)
  • transitionOut – Set a closing transition (fade, elastic, or none)
  • overlayShow – Set to true or false
  • scrolling – Set to yes or no
  • width – Set a width in pixel
  • height – Set a height in pixel
  • padding – Set a padding in pixel
  • Facebook
  • Twitter
  • Reddit
  • Pinterest
  • Google+
  • LinkedIn
  • E-Mail

About The Author

Comments are closed.

搜尋

近期文章

  • 2022 春季 第七屆青少年全學年禪修班
  • 更新社群帳號
  • 2022年 大悲菩提寺 第九屆 暑期青少年 卓越禪修營 報名簡章
  • 2022年 大悲菩提寺 第九屆暑期青少年卓越禪修營
  • 大悲菩提寺敬邀大眾供養鎏金莊嚴舍利塔
© Copyright 2022 Great Compassion Bodhi Prajna Temple    All Rights Reserved.