It is tilting security software, please update it, just change a comma and publish it stating it is compatible with current WP version. Thanks.
]]>I’ve used this plugin since the beginning for its simplicity and light footprint – specifically that it only loads scripts when it is optionally enabled for a specific page via the “Enable Lightbox Gallery” option in WP Admin. However, recent versions enable the script by default, and now have the button to “Disable Lightbox Gallery.” Since this is only needed on a select few number of pages out of thousands, is there a way to revert this change so that it is disabled by default with the option to enable it when needed?
]]>Hello everyone,
I just wanted to let you know that my post on “WP Featherlight with playback buttons” is ready so far. So if anyone is interested, please have a look! Maybe we could still improve something.
]]>HI,
I recently installed and activated the WP Featherlight plugin for my gallery page, but it doesn’t show the left and right arrows to navigate. Please check and let me know the workaround to fix it. My current WordPress version is 6.4.2
Appreciate your support!
]]>Hi,
i have a JetEngine listing with images (poster of an event). Each poster opens in a lightbox, but they are not combined, so i can’t navigate through all images. I have to close the lightbox and open the other image.
Is it possible to force the grouping of these images by adding a rel or a specific class to them?
Gutenberg Block element is “Dynamic Image” from JetEngine.
Best regards,
Torsten
Hello all together,
I’ve got a little bit of trouble with AMP and the WP Featherlight (1.3.4) Lightbox.
If I activate AMP for my Blogpost and activate the option to open the Lightbox on desktop when a Picture of the gallery will be clicked, the WP Featherlight Lightbox won’t work on mobilephones.
If I deactivate that option an make the gallery unclickable, the AMP Lightbox work on mobilephones.
I don’t know what is wrong or how can I fix it.
Now, I deactivated the AMP on my latest blogpost (https://auf-achse-sein.de/iguazu/) and both will work. But in that case, the AMP is deactivated.
If it helps, I got those dates from AMP to check:
[
{
"url": "https://auf-achse-sein.de/sicherheit/",
"type": "is_singular[post]",
"label": "Beitrag",
"amp_url": "https://auf-achse-sein.de/sicherheit/?amp",
"validation_errors": [
{
"node_name": "script",
"parent_name": "head",
"code": "DISALLOWED_TAG",
"type": "js_error",
"node_attributes": {
"type": "text/javascript",
"src": "https://auf-achse-sein.de/wp-includes/js/jquery/jquery.min.js?ver=normalized",
"id": "jquery-core-js"
},
"node_type": 1,
"sources": [
{
"type": "plugin",
"name": "wp-featherlight",
"file": "includes/class-scripts.php",
"line": 135,
"function": "WP_Featherlight_Scripts::load_js",
"hook": "wp_enqueue_scripts",
"priority": 20,
"dependency_type": "script",
"handle": "wp-featherlight",
"dependency_handle": "jquery-core"
}
]
},
{
"node_name": "script",
"parent_name": "head",
"code": "DISALLOWED_TAG",
"type": "js_error",
"node_attributes": {
"type": "text/javascript",
"src": "https://auf-achse-sein.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=normalized",
"id": "jquery-migrate-js"
},
"node_type": 1,
"sources": [
{
"type": "plugin",
"name": "wp-featherlight",
"file": "includes/class-scripts.php",
"line": 135,
"function": "WP_Featherlight_Scripts::load_js",
"hook": "wp_enqueue_scripts",
"priority": 20,
"dependency_type": "script",
"handle": "wp-featherlight",
"dependency_handle": "jquery-migrate"
}
]
},
{
"node_name": "script",
"parent_name": "body",
"code": "DISALLOWED_TAG",
"type": "js_error",
"node_attributes": {
"type": "text/javascript",
"src": "https://auf-achse-sein.de/wp-content/plugins/wp-featherlight/js/wpFeatherlight.pkgd.min.js?ver=normalized",
"id": "wp-featherlight-js"
},
"node_type": 1,
"sources": [
{
"type": "plugin",
"name": "wp-featherlight",
"file": "includes/class-scripts.php",
"line": 135,
"function": "WP_Featherlight_Scripts::load_js",
"hook": "wp_enqueue_scripts",
"priority": 20,
"dependency_type": "script",
"handle": "wp-featherlight"
}
]
}
],
"stale": false
},
{
"url": "https://auf-achse-sein.de/sicherheit/",
"type": "is_singular[page]",
"label": "Seite",
"amp_url": "https://auf-achse-sein.de/sicherheit/?amp",
"validation_errors": [
{
"node_name": "script",
"parent_name": "head",
"code": "DISALLOWED_TAG",
"type": "js_error",
"node_attributes": {
"type": "text/javascript",
"src": "https://auf-achse-sein.de/wp-includes/js/jquery/jquery.min.js?ver=normalized",
"id": "jquery-core-js"
},
"node_type": 1,
"sources": [
{
"type": "plugin",
"name": "wp-featherlight",
"file": "includes/class-scripts.php",
"line": 135,
"function": "WP_Featherlight_Scripts::load_js",
"hook": "wp_enqueue_scripts",
"priority": 20,
"dependency_type": "script",
"handle": "wp-featherlight",
"dependency_handle": "jquery-core"
}
]
},
{
"node_name": "script",
"parent_name": "head",
"code": "DISALLOWED_TAG",
"type": "js_error",
"node_attributes": {
"type": "text/javascript",
"src": "https://auf-achse-sein.de/wp-includes/js/jquery/jquery-migrate.min.js?ver=normalized",
"id": "jquery-migrate-js"
},
"node_type": 1,
"sources": [
{
"type": "plugin",
"name": "wp-featherlight",
"file": "includes/class-scripts.php",
"line": 135,
"function": "WP_Featherlight_Scripts::load_js",
"hook": "wp_enqueue_scripts",
"priority": 20,
"dependency_type": "script",
"handle": "wp-featherlight",
"dependency_handle": "jquery-migrate"
}
]
},
{
"node_name": "script",
"parent_name": "body",
"code": "DISALLOWED_TAG",
"type": "js_error",
"node_attributes": {
"type": "text/javascript",
"src": "https://auf-achse-sein.de/wp-content/plugins/wp-featherlight/js/wpFeatherlight.pkgd.min.js?ver=normalized",
"id": "wp-featherlight-js"
},
"node_type": 1,
"sources": [
{
"type": "plugin",
"name": "wp-featherlight",
"file": "includes/class-scripts.php",
"line": 135,
"function": "WP_Featherlight_Scripts::load_js",
"hook": "wp_enqueue_scripts",
"priority": 20,
"dependency_type": "script",
"handle": "wp-featherlight"
}
]
}
],
"stale": false
}
]Thanks for your help
Christa
]]>Hi, I recieved an alert today that WP Featherlight has been abandoned.
Is this true?
]]>Is there a way to setup navigation to work in the lightbox, when I have a series of separate images in one section, rather than a gallery?
Thanks
]]>I noticed that featherlight JS lib is at 1.7.14 and your packaged version is at 1.7.13. Do you have any plans to update or is this up to us – e.g. if this plugin going to be updated to latest version of JS libraries?
Cheers
]]>Hi!
Do you still maintain your plugin ‘WP Featherlight’?
If yes, when will you release a version which is tested with the current WP 6.0.2?
If no, please give advice which other plugin should be used instead of yours – thanks!
Kind regards,
Gerald
Installed WP-Featherlight and activated two days ago. Created a gallery, slider works great. Then created two more galleries but slider doesn’t work on those. I deactivated and then reactivated and rebooted also. Any ideas what is up. WP-Featherlight Version 1.3.4 WP 6.0.1 Theme-Twenty-Sixteen
]]>I made a new, simple page with one image. That image is not clickable to appear in lightbox as the rest of the images on the site are. I have verified that the “disable lightbox” option is not checked. As a test, I did check that box, updated the page, then unchecked it and updated it again – no change. I don’t see a difference in any settings from this page and image to other pages on the site that do bring up the lightbox for single images, like: https://nicksdogcare.com/contact/
Any help would be appreciated. Thank you.
]]>The WP Featherlight plugin always adds a field in postmeta (wp_featherlight_disable) and unless we want to disable the Lightbox effect this field is empty. So I ask if it’s safe to use a filter, like the one below, to automatically delete when this field is empty.
add_filter('update_post_metadata', function($check, $object_id, $meta_key, $meta_value, $prev_value) {
if(strpos($meta_key, 'wp_featherlight_disable')) {
if(empty($meta_value)) {
delete_post_meta($object_id, $meta_key, $prev_value);
return true;
}
}
return null;
}, 10, 5);Thank you!
]]>Great lightweight plugin – thanks a lot! Tell me how to make a transparent background? Thank you in advance )
]]>WP Featherlight plugin doesn’t support WebP image format.
]]>Hi,
my thumbnails link to a larger picture. Technically they are different images because I need to adjust each thumbnail manually. This works fine, but it seems Featherlight only shows captions when both images are identical?
Regards
Frank
Hi guys,
I am using your plugin to open a video. It is working good, however, there is a white margin on the right side that I have not been able to get rid of.
I have already implemented it on my live website, so you may see it here: https://mayangateway.com/guatemala-tours/ – just click on the photo.
I’ve used this custom HTML:
<a href="https://player.vimeo.com/video/606463853?h=396f89af23?rel=0&autoplay=1" data-featherlight="iframe" data-featherlight-iframe-width="960" data-featherlight-iframe-height="540">
<img class="alignnone" src="https://mayangateway.com/wp-content/uploads/2021/09/lake-atitlan-guatemala-mayan-gateway.jpg" alt="" width="600" height="390">
</a>I’ve also tried to implement a couple of the samples in your documentation https://github.com/noelboss/featherlight/ but the video still shows the white margin.
Would you guys please help me to resolve this?
I appreciate in advance your assistance.
Hi!
Do you still maintain your plugin ‘WP Featherlight’?
If yes, when will you release a version which is tested with the current WP 5.8.1?
If no, please give advice which other plugin should be used instead of yours – thanks!
Kind regards,
Gerald
Any chance to add some text (caption) below the image inside the lightbox?
]]>I know the description of this plugin says “There are no settings for WP Featherlight” but I’m hoping there is a way to adjust the openSpeed, closeSpeed, galleryFadeIn, and galleryFadeOut values without editing the plugin source code?
Perhaps by adding something like this to my child theme’s js file?
$.featherlight.defaults.openSpeed = 75;
I cannot find if featherlite will provide zoom function for each image in a gallery block. Individual images work perfectly for me after I have updated the image with link option ‘media file’. This opportunity is not offered in Gallery pictures in the same way.
Can anyone help? Thanks
]]>Hello.
I don’t know if this is a recent update or maybe something to do with WP itself, but the checkbox to disable fFatherlight doesn’t show in the metabox during page/post edit. It does however show in the “Publish” box, at the bottom of the box.
The problem is that in admin/class_meta.php there’s two functions that can render the box, which are options_callback() that gets called from add_meta_boxes(), and meta_box_view(). options_callback renders into the metabox, and meta_box_view looks like it’s rendering into the “Publish” box(i think). The problem is that both of these fetch the meta-box.php template using require_once(), and if the checkbox gets fetched into the “Publish” box, it won’t show up in the Featherlight metabox.
I think this is extremely confusing, because some user might see the Featherlight meta box empty, not notice the checkbox in the Publish box, and think that there is something wrong with the plugin or that something broke. I would suggest that the checkbox be rendered in the metabox no matter what.
]]>Of course, you know WP5.8 includes block builder in the widget area.
The featherlight JS file now gets loaded once for every single widget you have in every sidebar when you open the Widget page. On my sites, it means the script is loaded 20+ times.
It is contributing to a painfully slow load of the widget page.
]]>Hi,
I have a post that contains 2 galleries (there is some text between them). Is there a way to group these galleries so that I can navigate through all images within the two galleries in the lightbox?
I looked at the documentation, but I don’t know how to change the default settings. It would be helpfull if there is an example of how to change one settings, including where to put it. Does it need to go into the functions.php file for instance? I have no idea :(.
/* you can access and overwrite all defaults using $.featherlight.defaults */
defaults: {
namespace: 'featherlight', /* Name of the events and css class prefix */
targetAttr: 'data-featherlight', /* Attribute of the triggered element that contains the selector to the lightbox content */
variant: null, /* Class that will be added to change look of the lightbox */
resetCss: false, /* Reset all css */
background: null, /* Custom DOM for the background, wrapper and the closebutton */
openTrigger: 'click', /* Event that triggers the lightbox */
closeTrigger: 'click', /* Event that triggers the closing of the lightbox */
filter: null, /* Selector to filter events. Think $(...).on('click', filter, eventHandler) */
root: 'body', /* A selector specifying where to append featherlights */
openSpeed: 250, /* Duration of opening animation */
closeSpeed: 250, /* Duration of closing animation */
closeOnClick: 'background', /* Close lightbox on click ('background', 'anywhere', or false) */
closeOnEsc: true, /* Close lightbox when pressing esc */
closeIcon: '✕', /* Close icon */
loading: '', /* Content to show while initial content is loading */
persist: false, /* If set, the content will persist and will be shown again when opened again. 'shared' is a special value when binding multiple elements for them to share the same content */
otherClose: null, /* Selector for alternate close buttons (e.g. "a.close") */
beforeOpen: $.noop, /* Called before open. can return false to prevent opening of lightbox. Gets event as parameter, this contains all data */
beforeContent: $.noop, /* Called when content is about to be presented. <code>this</code> is the featherlight instance. Gets event as parameter */
beforeClose: $.noop, /* Called before close. can return false to prevent closing of lightbox. <code>this</code> is the featherlight instance. Gets event as parameter */
afterOpen: $.noop, /* Called after open. <code>this</code> is the featherlight instance. Gets event as parameter */
afterContent: $.noop, /* Called after content is ready and has been set. Gets event as parameter, this contains all data */
afterClose: $.noop, /* Called after close. <code>this</code> is the featherlight instance. Gets event as parameter */
onKeyUp: $.noop, /* Called on key up for the frontmost featherlight */
onResize: $.noop, /* Called after new content and when a window is resized */
type: null, /* Specify content type. If unset, it will check for the targetAttrs value. */
contentFilters: ['jquery', 'image', 'html', 'ajax', 'text'] /* List of content filters to use to determine the content */
jquery/image/html/ajax/text: undefined /* Specify content type and data */
}
Hi,
can you add WebP support?
Now WordPress 5.8 supports WebP natively, could you please implement the WebP support in your plugin?
I was wondering, if there is a posibility to let featherlight let also use WordPress’ default built-in srcset-attributes on at least jpeg-images?
When I inspect it here, the gallery has srcset-attributes to deliver different images to different devices. However fetherlight’s code itself just links to the default image.
Hello to you!
First of all, thank you for the plug-in.
Friendly greetings
Ditmar
Hi,
I have been using this plugin for a while now and I am very happy with it. At the moment I am optimizing the CWV for a client’s site. This client uses WP Featherlight for only 7-8 portfolio pages.
The only plugin/feature using (and loading) jquery is this plugin, WP Featherlight. I already disable WP Featherlight in those pages where it is not used, but is it possible that when lightbox is disabled, jquery isn’t loaded either?
Any tips on how to achieve this to avoid loading the jquery script when unnecessary?
Thanks,
]]>Hi
I use WP Featherlight on my site and it is a fantastic plug in for my site that has a large amount of image galleries.
Recently, I’ve noticed that if I link directly to an image that is hosted off of my site – I frequently post links to images I create that are ‘hosted’ on Dropbox, for example – the WP Featherlight plug in on my site will try to load the image when you click on it, instead of loading the link/page in a new browser tab or window. Since the image is technically not hosted on my site, the image is not loading (i.e. its not ‘remote loading’ the image, which is the proper behavior).
Is this a bug in WP Featherlight? I would think it should know that the URL is not on my domain and therefore, it should not try to load the image in WP Featherlight on my site.
Or, is there a way in these circumstances to prevent WP Featherlight from loading in these instances when I am linking to an external image on Dropbox (or wherever).
If you go to this page on my site you can see an example of what I am talking about in the comment from May 17, 2021 from Kimberly and my response to her.
]]>