Easy FancyBox Sandbox

Show intro (again)

Basic image examples

Aligned right are three image links of which only two have a thumbnail image. The third link is a so-called ’empty link’ without thumbnail or plain text to show. Empty links are not FancyBox enabled by default.

Flickr hosted image? Find the original image URL’s on Flickr and then, on your WordPress site, click the image icon next to Upload/Insert, choose the “From URL” tab and fill out according to this example:


” width=”300″ height=”200″> Caption text…

Image URL: http://farm7.static.flickr.com/6117/6290156620_0b570763c7_m.jpg
Image Title: Zion Narrows
Alternate Text: Zion Narrows – Horizontal
Link Image To: http://farm7.static.flickr.com/6117/6290156620_0b570763c7_b.jpg

Features in the development release

1. Metadata extension

2. Image map area-links in FancyBox


iframe link

Image maps

Ardèche Méridionale Ardèche Verte with very long alt text to test line wrap for the different title position options. Bas Vivarais Rhônes et Vallées

Jpeg image without extension (class “fancybox image”)

Indirect MOV support


Depends on browser MOV player plugin; through inline content or iframe.

Direct link with class fancybox-iframe test

Indirect MP4 support


Direct link with class fancybox-iframe test

Test PDF w/ title tag
Test PDF w/o title


Standard Youtube page link (auto-detected)
Youtube link w/ &autoplay=1&fs=1 (full size does not work!!?)
Youtube short URL

Youtube w/ ?fs=1 and title (show title must be enabled)

https://www.youtube.com/v/JW5meKfy3fY w/ class fancybox-iframe ( URL with /v/ seems to ALWAYS use the Flash player! )
https://www.youtube.com/embed/JW5meKfy3fY w/ class fancybox-iframe

https://youtu.be/fGT1QRyVYvY (same as embedded below)

No logo test (modestbranding)

Vimeo Test w/ title
&autoplay=1 test

HTTPS protocol with this video


ShortURL: https://dai.ly/bFoJAY – cannot support that 🙁
URL: https://www.dailymotion.com/video/xekmpa_lesson_sport link with autoplay

What WP auto-embed does with the URL — again missing wmode ?! Patched again !! 🙂

Other stuff

Like a clock using class=’fancybox-inline’

Site by Pharéo | Hosted on The Permanently Moving Network