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:

Zion Narrows - HorizontalImage 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

DEVELOPMENT TESTING

iframe link

Image maps

Ardèche Méridionale Ardèche Verte Bas Vivarais Rhônes et Vallées

Jpeg image without extension (class fancybox)
Jpeg image without extension (class fancybox-iframe)

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

Direct link with class fancybox-iframe test

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

YouTube

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)

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

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

No logo test (modestbranding)
http://www.youtube.com/watch?v=JW5meKfy3fY&modestbranding=1
http://youtu.be/JW5meKfy3fY?modestbranding=1

Vimeo

Vimeo Test w/ title
?autoplay=1
&autoplay=1 test

HTTPS protocol with this video

DailyMotion

ShortURL: http://dai.ly/bFoJAY – cannot support that :(
URL: h ttp://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’

Or video hosted on Upload2 using class='fancybox-iframe'