Questions tagged [lightbox2]

Lightbox 2 is a JQuery-script developed by Lokesh Dhakar used to display images in an overlaying box. It can also be used to make galleries and can be found at www.LokeshDhakar.com/projects/lightbox2

Filter by
Sorted by
Tagged with
0 votes
0 answers
36 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
42 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
40 views

Is there anyway to add a text message so it overlays on top of the image, like a watermark?

I am trying to add a text message on top of my Lightbox2 image. I would like it to be centered in the image (and if possible at an angle like 30 or 45 degrees. This will serve as a watermark to my ...
David Temlak's user avatar
0 votes
0 answers
34 views

Lightbox2 - lb-number empty on start?

I'm using Lightbox2 for an upcoming project. There is a feature for lb-number where it will display a message saying 'Image 1 of 4' however this information isn't displayed until you click on a ...
alib0ng0's user avatar
  • 459
0 votes
0 answers
117 views

How to show thumbnails in lightbox2 overlay?

I am trying to show the thumbnails of an image set in the overlay of lightbox2 (https://lokeshdhakar.com/projects/lightbox2/) In the overlay only one image is being displayed, the one I clicked on. ...
Davi's user avatar
  • 1
0 votes
0 answers
70 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
0 answers
48 views

lightbox functionality by lightbox2 plugin on image with fabric.js

My code is below: fabric.Image.fromURL( 'path-to-image', function(oImg) { oImg.scaleToWidth(90,true); oImg.scaleToHeight(32,true); var contentImg = oImg.set({ ...
Adeeba's user avatar
  • 67
0 votes
0 answers
69 views

Queueing images for lightbox gallery

My website has an unconventional gallery layout and I want the images to be queued a specific way in lightbox. Normally it's queued in a way where the next image is the image below the current element....
Coolbeans's user avatar
0 votes
0 answers
26 views

Disable lightbox while overlaping a message

For my website, Please, I need to show a message in the overlap. But, in this action is necessary to disable the backdrop images (a complete ) with lightbox.js. Is it possible using javascript? Please,...
Ariel's user avatar
  • 1
0 votes
1 answer
176 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
104 views

Problem on Lightbox2, not working on shopify

I have a probelm, i have created a custom theme on Shopify and do all my stuff, but now i need to open some phots in a lightbox, i have noticed that if images are not processed the lightbox work, the ...
Filippo's user avatar
0 votes
0 answers
174 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
101 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
  • 41
0 votes
1 answer
210 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
239 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
420 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
  • 357
1 vote
1 answer
732 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,380
0 votes
0 answers
170 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
308 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
351 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
562 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
325 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,310
0 votes
0 answers
193 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
501 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
288 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
334 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
0 votes
1 answer
185 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
-2 votes
1 answer
306 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
156 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
2k 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
137 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
453 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
464 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
126 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
737 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
4k 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
202 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
163 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
642 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
  • 275
0 votes
0 answers
190 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
1k 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
305 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
  • 15
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
372 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
0 votes
1 answer
199 views

lightbox2 working in Live Preview, but not on server

I followed the instructions on the lightbox page (https://lokeshdhakar.com/projects/lightbox2/#getting-started) and everything works just as it should in Live Preview of my code editor, Brackets - but ...
Barton Lewis's user avatar
0 votes
1 answer
236 views

Adding the new images loaded through ajax to opened lightbox pop-up

i am facing a issue. I have created a images gallery in which the 18 images are showing by default and if user scroll down to the end of page then more images are adding to the gallery through ajax. ...
navneet kumar's user avatar
0 votes
3 answers
2k views

Controls not displaying in lightbox

I followed the instructions on how to apply the lightbox JavaScript to a gallery page. When an image is clicked, the lightbox displays correctly, the loading icon appears while the larger image was ...
FingerFrame's user avatar
0 votes
1 answer
243 views

Lighbox2 doesn't work for image gallery. Working on VS code v.1.35 Kali linux

I'm trying to make a gallery on my site. I download lightbox2 and drop lightbox-plus-jquery.min.js and lightbox.min.css into my site's folder. Made a link for both of them and then did the following ...
smksx's user avatar
  • 47
-1 votes
1 answer
309 views

Trying to add ALT tag within popup lightbox Lightbox2 for ADA Compliance Standards

I am updating a client's site to include alt tags to bring their site to ADA compliance. I have a few pages that use Lightbox2 from https://lokeshdhakar.com/projects/lightbox2. I added the ALT ...
WindowsWarrior's user avatar
0 votes
2 answers
579 views

Lightbox 2 - how to apply options

I want to apply this code by using jQuery(document).ready(function()); <script> lightbox.option({ 'resizeDuration': 200, 'wrapAround': true }) </script> How can I ...
Nice R's user avatar
  • 1

1
2 3 4 5
10