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
1
vote
1 answer

Featherlight gallery doesn't display loader animation (loading next image lightbox)

I have setup an image lightbox using a Featherlight Gallery. I'm using a loader animation like this: http://github.com/noelboss/featherlight/wiki/Add-a-CSS-Only-Loader However, the animation only shows when you first click on an image. It you click…
David
  • 349
  • 2
  • 11
1
vote
2 answers

Bind featherlight gallery to a button?

I'm trying to bind a featherlight.js image gallery to a button. See this pen: https://codepen.io/jasonbradberry/pen/aqjLbw I've bound a lightbox to the button (.lightbox-trigger) with the following…
jasonbradberry
  • 853
  • 2
  • 17
  • 30
1
vote
1 answer

Close all featherlight jQuery lightboxes

I have a situation where several featherlight.js lightboxes (https://github.com/noelboss/featherlight) are open at the same time. I want that when one is closed, the rest are all closed as well. I tried something like this on the parent…
Tom F
  • 443
  • 1
  • 4
  • 16
1
vote
1 answer

Is it possible to configure Featherlight popups to show only once per user?

Looking to configure featherlight.js to show only once per user (ie. if user loads the page again they will not see it). With thanks, Cas.
afroduck
  • 143
  • 8
1
vote
1 answer

Bind featherlight to modal content but without also opening the modal

Is it possible to bind/setup/init featherlight without also opening the modal? Currently var modal = $.featherlight($target,config) binds and then opens. I have worked around it for now by immediately invoking modal.close() but this feels…
iamkeir
  • 3,222
  • 2
  • 21
  • 22
1
vote
1 answer

Featherlight.js - how to update properties on already open featherlight iframe

I am opening a new featherlight iframe like this: $.featherlight({ iframe:href, iframeWidth:$(window).width(), iframeHeight:$(window).height(), openSpeed:0, beforeClose:myBeforeCloseCallback }); How can I later update the…
Projectitis
  • 343
  • 2
  • 9
1
vote
0 answers

Images wont show to guests, only admin

Im currently busy with working on a website but I got stuck. The site is running on Processwire and working with the FeatherLight lightbox. Now the strange thing is, I am only able to see the images when I'm logged in as admin. When I'm just a guest…
YouGo
  • 69
  • 9
1
vote
1 answer

Binary Image data in Featherlight Gallery

Using binary image data in featherlight plugin works just fine using the data-featherlight="image" parameter. Using binary image data in a featherlight gallery shows the images correctly, but don't link them together to a gallery. Here a simple…
geraldo
  • 562
  • 11
  • 33
1
vote
1 answer

featherlight.js configuration options for close

I am trying to figure out how to use the close configuration option but it is not working. Here is my code: Open Image I am new to this,…
user1979093
  • 11
  • 1
1
vote
2 answers

How to clear a featherlight modal

I am using feather-light modal in my page. on the modal one form is there with certain input fields. Once I fill in the fields and close the modal and when I open it again , it contains the previously filled data. I want to clear the data once it is…
Aanchal
  • 173
  • 2
  • 14
1
vote
4 answers

want div to load immediately after the image above it is loaded

I want to load at the same time, or immediately after the image above it. It keeps loading before the image and the caption div spins around inside the preloader - no good! Here is the html:
…
Mike
  • 59
  • 2
  • 7
1
vote
1 answer

jQuery function returns [object Object] on first click only

The below function is returning [object Object] instead of the html/text in the element, only on first click. Every subsequent click returns the element text. I've tried using .html and .text - that doesn't work. The problem seems to be when I add…
Mike
  • 59
  • 2
  • 7
1
vote
1 answer

How can I make WP Featherlight work with images like with galleries?

How can I make WP Featherlight plugin for WordPress work with images like with galleries? It allows to scroll images only when they are placed to a post as gallery. But how can I make it scroll all images in the post like all others similar plugins…
Dmitry
  • 14,306
  • 23
  • 105
  • 189
1
vote
1 answer

Disabling right-click with Featherlight.js

I am using Featherlight version 1.5.0 in my design. I can disable the right-click on the thumbnail images with this snippet of JavaScript: