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:

"Alternative

” 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

DEVELOPMENT TESTING

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
Inline

https://trailers.apple.com/movies/fox/rio/rio-angrybirdsmashup_r640s.mov

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

Direct link with class fancybox-iframe test

Indirect MP4 support

Inline

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)

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)
https://www.youtube.com/watch?v=JW5meKfy3fY&modestbranding=1
https://youtu.be/JW5meKfy3fY?modestbranding=1

Vimeo
https://vimeo.com/9532951
Vimeo Test w/ title
?autoplay=1
&autoplay=1 test

HTTPS protocol with this video

DailyMotion

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 !! 🙂
https://www.dailymotion.com/video/xekmpa_lesson_sport

Other stuff

Like a clock using class=’fancybox-inline’