Lightbox

Display images and content in a pop-up interface without ever leaving the page to view media. Using the Wijmo Lightbox widget (wijlightbox), display text, images, controls, and more.

[highlight]

Flash content

Display SWF content in Lightbox; the widget creates a Flash Object automatically if the URL is a SWF file. For URLs that don’t explicitly show the file links, set the Player option to SWF to force using the Flash Object as content player.
[/highlight]

[highlight]
Wijmo Lightbox media hosting

Media hosting

Wijmo Lightbox supports hosting media from external sources like Vimeo or YouTube, or media that could be played by Windows Media Player. If the URL is a file with .asf, .avi, .mpg, .mpeg, .wm, or .wmv extensions, the Windows Media Player Object will be created to play them by default. You can force the LightBox to use the player of your choice by setting the Player option to one of the following:

  • WMP – for Windows Media Player
  • Iframe – for Vimeo
  • SWF – for YouTube since the external link is a Flash movie

[/highlight]

[highlight]

Auto size

Lightbox can adjust its size automatically according to the image’s width and height. This ensures the image displays in correct width/height ratio. This is enabled by setting the AutoSize option to true.
[/highlight]

[highlight]

Full size mode

Wijmo Lightbox can be enlarged to cover the entire window by clicking the FullSize button. To display the dialog control buttons, set the DialogButtons option to one of the following:

  • None – No dialog buttons are displayed
  • Close – Displays the Close button
  • FullSize – Displays the FullSize button

[/highlight]

[highlight]

Keyboard navigation

Navigate pages of content by keyboard. Setting the KeyNav option to true enables this feature.
[/highlight]

[highlight]
Wijmo jQuery UI Lightbox play & pause buttons

Play & pause buttons

To display the control buttons of Lightbox, simply set the CtrlButtons option. Possible values include:

  • None – No control buttons are displayed
  • Play – Displays the Play button
  • Stop – Displays the Stop button

Lightbox displays pages in order after clicking the Play button. If you want the Lightbox to play automatically after initializing, set the AutoPlay option to true.
[/highlight]

[highlight]
Wijmo jQuery UI Lightbox text position

Text position

Determine the position of the text label: inside, outside, overlay, title overlay, or none.
[/highlight]