Skin / Tiger / Concepts / External Content

By the help of the "External content" feature you can replace the image in the Lightbox with anything:

  1. IFRAME: a video from YouTube or Vimeo
  2. Link: another web page
  3. HTML code: any HTML content

Enter the HTML code or embed code or link in Edit modeExternal panel:


The skin will try to figure out the necessary dimensions (from height="" and width="" parameters), but you can provide your preferred dimensions too through the "Box size".

1. YouTube video or any IFRAME embed

On YouTube click the "Share" button below the video, then choose "Embed". Set up the options. Copy/Paste the

<iframe width="" ... </iframe>

code in the "External content" box mentioned above.


2. A web page

Add a link (URL) to a web page to be embedded, e.g:

Don't forget to start with http:// or https:// to be recognized as a link.


3. HTML content

Add any HTML code. This will replace the original image. You can use jAlbum variables too. You can still include the image with the following code:

<img src="${closeupPath}">

The example is using the following code:

<div class="row">
<div class="large-9 columns">
<h1>Testing external content</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing 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. …</p></div>
<div class="large-3 columns"><img src="${resPath}/Lazarajz.jpg"></div>