Stack Overflow
Stack Overflow

Questions tagged [featherlight.js]

Featherlight is a very lightweight jQuery lightbox.

Featherlight is very, very lightweight. 400 lines of JavaScript, 100 of CSS, less than 6kB combined.

Getting Started:

All styling is done using CSS so you'll want to include the Featherlight CSS in your head.

<link href="//cdn.rawgit.com/noelboss/featherlight/1.0.3/release/featherlight.min.css" type="text/css" rel="stylesheet" title="Featherlight Styles" />

Useful Links:

173 questions
0
votes
1 answer

autoplay youtube iframe inside featherlight lightbox

Here is my DEMO. I want to autoplay youtube video once clicked on "Play Youtube Video". Here is my code which isn't working for me. jQuery('.playButton').click(function(){ jQuery("iframe").each(function() { …
aiddev
  • 1,409
  • 2
  • 24
  • 56
0
votes
2 answers

How do I override defaults settings in featherlight?

Featherlight works with no problems but I cannot figure out how to override defaults settings. I read the documentation, but everything I try does not seems to work. For example, if I want to change openSpeed, what should I write? I am not using the…
Champop
  • 89
  • 1
  • 10
0
votes
1 answer

featherlight wordpress caption is being cut off

Just installed featherlight for wordpress on our website and it works but the caption is cut off based on the image width. How do I change this so the entire caption is shown?
abbeyroadfineart
  • 11
0
votes
2 answers

How to set a group for the gallery?

we have a set of content Elements that we can turn into a gallery. I just add them a class ".gallery" , with this setup: $('.gallery').featherlightGallery({ previousIcon: '', nextIcon: '' }); We wish to have the gallery group for every Content…
Dominik Kempf
  • 3
  • 1
0
votes
1 answer

Using onSubmit with form in Featherlight?

I am using Featherlight to display an HTML form and am not able to do the following: Load the page with the form hidden initially. Have the form's "onSubmit" fire when the form is submitted using a standard HTML submit button. I call the inital…
David L.
  • 43
  • 6
0
votes
1 answer

Disabling desktop jquery

So, i have the following jquery: jQuery('.button').click(function(e) { var isMobiles = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; if(!isMobiles) { …
Steve Kim
  • 5,293
  • 16
  • 54
  • 99
0
votes
1 answer

Conflict between Featherlight.js and Contact Form 7?

I'm trying to get a Contact Form 7 form to work in a Featherlight.js lightbox. I've created a page at mydomain.com/contact and set the link to open mydomain.com/contact #main article. Featherlight does open the form, but when I submit the form, the…
notGettingStabbed
  • 43
  • 7
0
votes
1 answer

Featherlight Gallery Livefilter

I have a gallery with a huge amount of images so the user can filter the images by category. When the user hides a category (clicks on a filter) and then click on the image to start the gallery, all images (even the hidden ones) shows in the…
Thomas Kägi
  • 3
  • 2
0
votes
1 answer

Place