@thefancyapps profile picture
fancyapps @thefancyapps

Occasional tips and tricks, news announcements. If you have questions, use Discord, link is on the homepage.

Joined November 2011
  • Tweets 244
  • Following 3
  • Followers 741
6 Photos and videos
Fancyapps UI has been quietly updated to v6.1.0 If anyone missed the Fancybox v3 style thumbnails, they are finally available -fancyapps.com/fancybox/guide…
89
And now for some unexpected news! If anyone uses WordPress and wants to try Fancybox6, it's already available for download - fancyapps.com/wordpress/ligh…
178
If you've ever wanted to display content in multiple columns in a Carousel, it's just a few lines of CSS - jsfiddle.net/ya5oje3x/
242
Quick Fancybox demo - Close when the YouTube video is finished jsfiddle.net/pxc0s4q9/
242
Here's a sample of how to combine Fancybox with Marzipano to display 360° images - jsfiddle.net/ebkzjmxn/
0:10
4
386
I am happy to announce that I am working hard on the next major version of the project. It will be at least a couple of months before I can show any significant progress since I'm rebuilding everything from scratch. New technologies, new cool possibilities, ...
1
270
Quick Fancybox demo - Custom zoom animation center. Code 👇 jsfiddle.net/h1ky3gf0/
0:09
1
253
Fun Carousel demo - "Rotating image carousel". Code 👇 jsfiddle.net/r582aum9/
0:08
303
Quick Fancybox demo on how to easily combine it with another 3rd party script that uses touch events - jsfiddle.net/hj3dts5e/
283
Here's a simple guide on how to create a Google Maps URL to show a map with a pin and location information - fancyapps.com/fancybox/plugi…
245
Quick Carousel trick to make it full screen - jsfiddle.net/vr1bt9qn/
253
Quick Fancybox demo - Add border around the image jsfiddle.net/5mt1Lnez/
0:05
1
289
This is a perfect example of why a link to a live page or demo is always requested - github.com/fancyapps/ui/disc…

fancy__content width and height are not being set when fancybox iframe opens · fancyapps ui ·...

Hey all, I am running into issues with getting fancybox to display the selected image correctly when the iframe opens. After following the "getting started" section of the documentation, ...

github.com
1
198
Quick Fancybox tip – If you want to remove the border around the map, use CSS or use direct links, see this demo - jsfiddle.net/p8ahowzs/
184
Quick demo - Align the caption with the left edge of the image jsfiddle.net/o3huz1f4/
241
Quick demo - Set gallery title in the Fancybox toolbar jsfiddle.net/q31cfgpz/
241
See how easy it is to create a filterable Carousel combined with Fancybox Code 👇 stackblitz.com/edit/js-3pk84… Full preview 👇 js-3pk84c.stackblitz.io/

Carousel with Filter - StackBlitz

Carousel with Filter

stackblitz.com
2
294
Here's a simple trick to launch Fancybox on double click event - jsfiddle.net/epftj4z0/
248
A joyful Fading Slider demo, please see the full preview! Code 👇 stackblitz.com/edit/js-ztlsm… Full preview 👇 js-ztlsmt.stackblitz.io/

Fading Slider - StackBlitz

Fading Slider

stackblitz.com
1
304
fancyapps retweeted
Dennis Snellenberg@codebydennis
31 Mar 2023
I'm excited to show you the new e-commerce interface for @manorsgolf. What an project! The branding, beautiful photography and products come together perfectly in the website. Design: @codebydennis Development: @BMASagency Visit it live → manorsgolf.com
0:06
6
9
132
11,634
Load more