457
questions
0
votes
0
answers
26
views
How to Include Filename in Image Labels Using Lightbox2
I'm using Lightbox2 for displaying images in a gallery and would like to include the filename in the image label along with the image number and total count. By default, Lightbox2 allows customization ...
0
votes
1
answer
59
views
Trying to edit a template to display a PDF
As the title says, I'm trying to edit a template to display a PDF. The original template would display an image in a light box when the link was clicked, but when I change the href to a PDF file it ...
0
votes
0
answers
51
views
In lightbox2, how do I get rid of the black border in the image gallery?
When using lightbox2, a black border can appear on the bottom or side of some images in the gallery depending on the size of the monitor or window. How can this be prevented?
Thanks,
Jim
I set most ...
0
votes
0
answers
172
views
Lightbox2 - Cannot read properties of undefined (reading 'jQuery')
The problem
I am trying to implement the lightbox2 gallery scripts into my Laravel project. The bundler seems to nicely bundle the needed files but the script is blocked from executing with the ...
0
votes
0
answers
92
views
Responsive Lightbox & Gallery issue
I am using the wordpress plugin Responsive Lightbox & Gallery and noticed that about a week ago all my galleries have disapeared. Each post has added rlevant shortcode, but the galley created with ...
0
votes
1
answer
63
views
Lightbox2 navigation images missing when using importmap
In a rails 7.1 project I'm using importmap to load lightbox2
importmap.rb
pin "lightbox2", to: "https://ga.jspm.io/npm:[email protected]/dist/js/lightbox.js"
This works but none of ...
0
votes
0
answers
34
views
I want to call a function when carousel image is changed by the navigation in lightbox2 Plugin
I'm working with the Lightbox2 plugin and want to execute a function whenever the carousel image changes via navigation. How can I achieve this? Looking for suggestions or code snippets to implement ...
1
vote
1
answer
213
views
Lightbox2 with Rails 7.1 not initialising
I'm trying to use the javascript library Lightbox2 with a rails 7.1 application.
config/importmap.rb:
pin "jquery", to: "https://ga.jspm.io/npm:[email protected]/dist/jquery.js"
pin &...
0
votes
0
answers
137
views
Glightbox implementation
I am unable to use onOpen and onClose functions of Glightbox. I wanted to add animation inside Glight, but since it's a js library, I am unable to understand the way it works. Is there a library that ...
0
votes
1
answer
190
views
How to create image preview?
I am trying to implement lighbox2 to my website, however, it does not work as presented. On the official website, it shows the preview but I cannot get it to show it. It just says "Image 1" ...
0
votes
0
answers
52
views
Link to website from lightbox image being display & display order when multiples
Hi our implementation has been quite simple, we have numerous high resolution photographs of WW2 soldiers memorials which we have had to purchase.
Our project involves photo documenting the entire ...
0
votes
0
answers
99
views
Javascript library lightbox2 in wordpress
I have 2 galleries in wordpress, elementor. I want to merge them into one. Don't ask why :)
I'm using this js, it works perfectly, but only if I'm logged in wp. But when I log out, the js doesn't work ...
0
votes
0
answers
65
views
How to change "positionFromTop" option based on screen size
I want the lightbox to be in the middle of the screen on every device.
If i change the number to 300(px) it looks good on mobile but not on pc. And when i change it to 150 it looks good on pc but not ...
0
votes
0
answers
157
views
Issue with lightbox-plus-jquery: Opening Clicked Image in Slider Instead of Last Image
I'm facing an issue with the lightbox-plus-jquery library. Currently, when I click on an image in the slider, the lightbox opens the last image in the group instead of the image I clicked on. My goal ...
0
votes
0
answers
92
views
When click on image menu comes up after using lightbox2
Here is my code where I want to display images. I linked lightbox css and js properly and it's working, but when images is display it comes with menu bar which i don't want.
<div class="...
0
votes
0
answers
138
views
Close Lightbox dialog when user click on back button
How to close lightbox dialog when user clicks on back button. I know it's possible if URL hash changes, therefor is there any way to change url hash if user clicks on Lightbox items?
I've checked ...
0
votes
1
answer
317
views
Lightbox Not Showing Navigation Buttons
I have gotten Lightbox to work on my images, however the one issue I still have is that the navigation buttons are not displayed. They still work when you click the correct areas.
I have a suspicion ...
0
votes
0
answers
198
views
Lightbox2 with mobile browser - the last image is light-boxed out of view when scrolling to the bottom of the page 'too quickly'
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lightbox Test</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare....
0
votes
0
answers
182
views
Is there a way to update the lightbox album/gallery when using it with a filter?
I'm using Isotope & Lightbox2 to create a filterable gallery, which is working fine. However, when I open the light box while browsing a specific filtered gallery, navigating through the lightbox ...
0
votes
1
answer
505
views
Video is not playing in lightbox
I have mixed content like images and videos.How can i show and play a video.
I am trying to show and play a video but there is a loading going on nothing is happening.
0
votes
1
answer
283
views
Adding images in a lightbox in a nav menu
I've been tasked to slightly edit an old, simple, static webpage. I need to add a few images to a lightbox. The previous developer had used lightbox2 in the navigational menu so that when clicked a ...
-1
votes
2
answers
461
views
make multiple lighbox in one page with javascript (Lighbox 2& 3 doesnt work)
ive read and try all tutorial from any site on internet,im rather forgot about javascript because snce for 3 years ago i using javascript,but now im still learn again javascript with their framework....
1
vote
1
answer
1k
views
How to open a scrollable PDF or iframe with lightbox2?
I need to open a PDF file in a Lightbox and I was trying with Lightbox2 but it doesn't seem to work
I did find an old answer that stated to use iframe inside data-lightbox but only the first page it ...
0
votes
0
answers
186
views
Weebly Lightbox/fancy box close button layered behind image Weebly
Weebly Fancybox/Lightbox Mobile Issues- X layered behind image and Images too high
Can anyone assist with the following issues:
1- How can I make the close X button in fancybox/lightbox layer in front ...
0
votes
0
answers
366
views
Load link to images, only when visible in lightbox
I have a question about loading (hidden) images, only when they are visible in a lightbox sequence when loaded in HTML as a link.
This is my code:
<a href="../img/image_A_large" rel="...
0
votes
0
answers
388
views
Lightbox 2 FullScreen
I Use the Lightbox 2 of Lokesh Dhakar.
All Options work well and the result is looking good. but my problem is, the overlay is only inside the iframe, not filling the page.
can someone help ?
0
votes
1
answer
632
views
Lightbox 2 - more than one gallery on a one-pager
I wanted to know, how I can use more than one light boxes from Lightbox2 on a one-pager.
It works but its all in one Gallery.
How can I divide that galleries to be separated in a Lightbox?
Please help....
0
votes
2
answers
357
views
Lightbox2 not preventing the browser from following link
I'm trying to use Lightbox2, and I've set up the data-lightbox attribute correctly (demonstrated by the mouseover case below). If I modify the Lightbox JS code to replace:
$("body").on("...
0
votes
0
answers
205
views
when I am using bxslider with lightbox plus jquery...bxslider not working
Uncaught TypeError: jQuery(...).bxSlider is not a function
at HTMLDocument.<anonymous> (?<sdre:415)
at k (lightbox-plus-jquery.min.js?ver=1.2111:sourcemap:24)
at Object.fireWith [...
0
votes
0
answers
619
views
React native Lightbox is not zooming
I'm covering my Images with lightbox to show up in fullscreen. It does not gives error on android but when I open it in lightbox image is still same.
Imports
import { TouchableOpacity, Image} from '...
3
votes
0
answers
317
views
Lightbox2, trouble with horizontal photo and order to display photos
I have a problem with the Lightbox2 made by Lokesh.
https://lokeshdhakar.com/projects/lightbox2/
I am v2.11.3 and the display of horizontal photo is on the top of the screen in mobiles devices. I have ...
0
votes
1
answer
425
views
manual zoom in the enlarged image window
I would like to have the option of manual zoom in the enlarged image window on the mobile device. So that I can zoom into the displayed image within the Javascript frame. I do not want to zoom the ...
1
vote
1
answer
239
views
Is there a way to change the lb-number output to a different version
I'm currently in the process of creating an about-us page, with a small gallery using lightbox2.
The language of the page will not be English, and due to design consistency and customer demand I'd ...
-2
votes
1
answer
371
views
Lightbox 2 Caption (2nd line)
My lightbox 2 gallery is working as it should. However, I would like to add a second line to the caption, below the line that is already there. I am a JavaScript novice so am struggling to work out ...
1
vote
0
answers
173
views
Lightbox2 adds an extra image at the end of full screen image set
I've just noticed that Lightbox2 (https://github.com/lokesh/lightbox2) is duplicating or adding extra images at the end of the full screen version of the image, everything else works fine. When ...
1
vote
0
answers
3k
views
Uncaught ReferenceError: lightbox is not defined
I am making a web site in node js with a handlebar template. I have followed the instructions shown in the doc. But getting an error that Uncaught ReferenceError: lightbox is not defined
My CSS and js ...
0
votes
1
answer
153
views
How to use light box on posted images that are extracted from database
I am trying to create a forums where my php file extracts the replies to the thread from my database and displays them in a foreach loop.
for example:
<?php
if(sizeof($arr_posts) > 0){
...
0
votes
0
answers
560
views
Anyone able to get lightbox2 working in a react site?
I am able to get it working on my Gatsby site when using gatsby develop locally and it works incredibly! But sadly it always causes my build to fail when trying to deploy to Netlify. I could really ...
0
votes
1
answer
540
views
Can I use lightbox2 in a <img> tag?
I'm new so I hope you can bare with me and help a newbie out.
I'm trying to apply the lightbox2 in a carousel. I want to be able to click on an image in my carousel and have that popping up in large ...
0
votes
0
answers
188
views
How to know if the lightbox2 has been loaded or closed
I'm using this library:
https://lokeshdhakar.com/projects/lightbox2/#help
I need to know when the image is loaded or when it is closed, as an 'onload' or 'onhide' element.
I need to call a function ...
1
vote
0
answers
909
views
lightbox2 module with webpack results in missing images
Still fairly new to webpack. I am outputting the webpack start js file to wwwroot\assets\js\Dist\start.js
This is my webpack file
const path = require('path');
const outputPath = './wwwroot/assets/...
1
vote
1
answer
5k
views
How can I implement lightbox in Laravel 8
I'm trying to implement image gallery using lightbox but it's not working
these are the script I've called in the head
<script src="https://kit.fontawesome.com/1ae30b6763.js"></...
0
votes
1
answer
254
views
Lightbox 2 text color
I use Lightbox2 on my website. Everything is working well, but the description of the picture is not black and very badly readable. anyone knowing a solution?
regards
Markus
0
votes
1
answer
198
views
Can the "images" folder be named something else in lightbox?
I am using Lokesh Dhakar's Lightbox on my page. I renamed the css and js folders to be _css and _js on my server and all works except I also renamed the "img" folder to be "_img", ...
0
votes
2
answers
684
views
Lightbox2 in Rails 6 is not loading
I tried to add lightbox2 to my rails project, but it does not work at all.
I followed the readme at github
In my application.css I added this:
*= require lightbox
In my custom.css.scss i added this:
...
0
votes
0
answers
198
views
Lightbox library does not connect (ruby on rails)
I connect lightbox library (gem 'lightbox2-rails') trough the gemfile. Making all steps described at https://github.com/gavinkflam/lightbox2-rails
But after starting the server and trying to find the ...
1
vote
1
answer
2k
views
How can I change the default image size of this lightbox #lightbox2?
I'm trying to build a gallery website an i'm using the lightbox2 of this guy: https://lokeshdhakar.com/projects/lightbox2/
Can somebody tell me, where I can change the default image size? I want the ...
0
votes
1
answer
386
views
JS LightBox - Simulate mouse click in Lightbox, but document.click() doesn't activate Lightbox
Background
The higher idea is that I'm trying to use voice commands to control my webpage. I receive a message to do something, and I try to simulate that programatically. (ie, clicking on a button or ...
1
vote
1
answer
1k
views
Lightbox2 CSS Webpack Cant Resolve
I am using lightbox with NPM and webpack.
I import the SCSS like so, as I would normally do
//lightbox2
@import '~lightbox2/dist/css/lightbox.min';
but webpack then gives me this error
webpack_1 ...
0
votes
1
answer
434
views
How can I disable lightbox2 on mobile
Just discovered this code and implementation of lightbox2 and added the needed code to some of my webpages.
Looks very good o desktop and also on tablet but I don't like the lightbox in mobile view.
...