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
452
questions
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 ...
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="...
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 ...
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 ...
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. ...
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 ...
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({
...
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....
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,...
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 ...
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 ...
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....
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 ...
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.
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 ...
-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....
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 ...
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 ...
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="...
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 ?
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....
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("...
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 [...
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 '...
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 ...
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 ...
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 ...
-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 ...
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 ...
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 ...
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){
...
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 ...
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 ...
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 ...
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/...
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"></...
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
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", ...
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:
...
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 ...
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 ...
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 ...
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
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.
...
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 ...
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.
...
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 ...
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 ...
-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 ...
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 ...