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
2
votes
1 answer

Manually open Featherlight Gallery with text content

I'd like to display 1 or more content details in a featherlight gallery, so users can swipe or click from page to page, and then close to return to their previous tasks. The content might look something like this:
eb1
  • 2,897
  • 3
  • 31
  • 42
2
votes
2 answers

featherlight.js trigger close from the iFrame

I use featherlight to open a image upload/resize/cropping page via an iFrame. I would like to call the closeTrigger as soon as the user hits save (within the iFrame) so that they don't need to close it manually I'm a bit confused about this. I've…
Canelo Digital
  • 340
  • 2
  • 10
2
votes
2 answers

featherlight ajax post request

How can I load a Featherlight modal with ajax content by sending POST data in the featherlight request instead of GET? $.featherlight({ ajax: 'some.php' }); The above code will load the content from 'some.php'. What if I want to send along a…
Joe
  • 21
  • 3
2
votes
1 answer

featherlight.js - opening large images without resizing

How can I configure featherlight so that it doesn't resize the images when a user clicks a smaller version? If it's too big for the window, I'd like to have scrollbars. Here's the HTML I'm using:
Zerb
  • 21
  • 4
2
votes
2 answers

Custom attribute requiring double click (featherlight lightbox)

So, here is the jsfiddle: Here is the link to the plugin (featherlight lightbox) The issue is that using the default targetAttr (which is data-featherlight), it works with only one click. However, with a custom targetAttr (such as data-single in…
Steve Kim
  • 5,293
  • 16
  • 54
  • 99
2
votes
3 answers

Featherlight Lightbox Target Always Visible

I am using Featherlight.js attempting to get a lightbox effect. The lightbox should open upon the click of an image, yet the target content of the lightbox is a video not the image that is clicked. (Basically, you click a placeholder image and a…
Liz
  • 1,369
  • 2
  • 26
  • 61
2
votes
1 answer

Close all open Featherlight windows before opening a new one

I'm registering multiple featherlight instances upon page-load jQuery('.feedback').featherlight(jQuery( "#feedback-box" ), { closeIcon: 'close'}); jQuery('#imprint').featherlight(jQuery( "#imprint-box" ), { closeIcon: 'close'}); When one box is…
Hedge
  • 16,142
  • 42
  • 141
  • 246
2
votes
2 answers

featherlight.js: How to make nextIcon and previousIcon always visible

I succesfully implemented featherlight.js plugin on my wordpress blog to display some photos as a lightbox. By default featherlight.js shows up the nextIcon and previousIcon only when the mouse hovers a certain area of the image. But I would like…
gilcel
  • 31
  • 4
2
votes
1 answer

Lazy load iFrame in featherlight.js

I was wondering if there is a way to lazy load an iFrame in featherlight.js at runtime instead of declaring the iFrame in html? That way, the url to be loaded in the page can simply specified via the data attribute or the href attribute instead of…
MojoJojo
  • 3,897
  • 4
  • 28
  • 54
2
votes
2 answers

jQuery lightbox(featherlight) how to run beforeOpen and afterOpen event

I am working with this jQuery lightbox which is featherlight and don't understand how to fire bellow events as I am not good so I am hopping someones help: Before Open: beforeOpen: function(event){ } After Open: afterOpen: function(event){ } My…
Mr.Happy
  • 2,639
  • 9
  • 40
  • 73
1
vote
1 answer

PDF not shown if browser downloads content automatically

Has anyone an idea how to tackle cases where client's browser has the setting turned on to automatically download files (instead of opening them in browser)? In my current implementation, in such a case, the file is downloaded but the…
gretesh
  • 11
  • 1
1
vote
0 answers

Featherlight Gallery - Youtube Video

I implemented a featherlight gallery, but I want 1 of the gallery images to open as a youtube video. I implemented it like below... but the video opens in a real small window (only if you are clicking through the slides of the gallery). In the…
BillV
  • 11
  • 1
1
vote
0 answers

Creating a second close button within the lightbox

I'm coming from 0 coding background knowledge, so I apologize in advance. I have been playing around with featherlight and have gotten my light box to open and display information. I added a button inside that when clicked, will send me to a…
Nick F
  • 11
  • 2
1
vote
1 answer

Is it possible to trigger a data-featherlight-gallery from another element?

I am trying to trigger a hidden "lightbox" gallery from another element. In this scenario there is a trigger and a data-featherlight-gallery. The trigger should pop the light box just as if you would be clicking the links inside the…
Joao Alves Marrucho
  • 819
  • 9
  • 30
1
vote
1 answer

Can't change / get value of input after being opened with FeatherLight?

I've met a weird behavior. I'm trying to get / set the value of an input textbox After FeatherLight lightbox is closed. I get "Undefined" when trying to fetch the value of the textbox (again, after it was opened and closed via Featherlight). You can…
Kosem
  • 373
  • 2
  • 11
1
2
3
…
11 12