FancyBox galore: On this page you will find a testing ground for new features in the Easy FancyBox plugin for WordPress. Just about anything will open in a light box overlay, until it’s not even funny anymore. Like this message 😉 So please do NOT go over the top like this on your own live site or you will likely be annoying many of your visitors. Eye-candy is nice but it has to remain usable and functional.
I agree. But please let me just look? | I don’t agree. Give me the candy now!
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
DEVELOPMENT TESTING
Image maps
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
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’