Skip to main content
Filter by
Sorted by
Tagged with
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 ...
Aram M's user avatar
  • 1
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 ...
Tony Whiteside's user avatar
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 ...
Jim Colotti's user avatar
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 ...
Basile's user avatar
  • 160
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 ...
Michal's user avatar
  • 1
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 ...
Houdi's user avatar
  • 170
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 ...
Rahul Thakur's user avatar
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 &...
Houdi's user avatar
  • 170
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 ...
Muhammad Yahya Naeem's user avatar
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" ...
samokosik's user avatar
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 ...
Zender Merc's user avatar
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 ...
ondraman's user avatar
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 ...
David Slavata's user avatar
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 ...
Marko Vrtaric's user avatar
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="...
Liton Mazumder's user avatar
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 ...
peyman akhtari's user avatar
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 ...
Jason's user avatar
  • 27
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....
JamesH's user avatar
  • 1
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 ...
Tanmoy's user avatar
  • 61
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.
Arslan Zafar's user avatar
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 ...
akimo's user avatar
  • 41
-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....
Megantara's user avatar
  • 377
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 ...
al404IT's user avatar
  • 1,410
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 ...
Nelly's user avatar
  • 1
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="...
Jeroen van den Heuvel's user avatar
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 ?
Markus Kusi's user avatar
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....
steffi's user avatar
  • 11
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("...
mmuurr's user avatar
  • 1,595
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 [...
Tech Analytics's user avatar
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 '...
masterAvatarr's user avatar
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 ...
Sukafkiana's user avatar
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 ...
Schröder AV-Medien OHG's user avatar
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 ...
GODEFFO's user avatar
  • 37
-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 ...
Dave H's user avatar
  • 1
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 ...
blndr_tommy1441's user avatar
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 ...
Jayna Tanawala's user avatar
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){ ...
kongar's user avatar
  • 53
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 ...
Chris Marabate's user avatar
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 ...
Cri2z's user avatar
  • 1
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 ...
Cristiano Felipe's user avatar
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/...
LukePerrin's user avatar
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"></...
Ngirimana Safari Schadrack's user avatar
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
Markus Kusi's user avatar
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", ...
Barton Lewis's user avatar
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: ...
Spinshot's user avatar
  • 305
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 ...
ADV's user avatar
  • 97
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 ...
Daniel's user avatar
  • 57
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 ...
Danny T's user avatar
  • 25
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 ...
crimsonyorha's user avatar
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. ...
ArnoR's user avatar
  • 1

1
2 3 4 5
10