Questions tagged [lightbox]
Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs.
2,448
questions
-1
votes
1
answer
39
views
Wordpress Lightbox Issue
I am having an issue with a lightbox i can't seem to put my finger on. When the light box opens, it loads the post/page as the first slide instead of the image in the gallery. I am also getting an ...
0
votes
0
answers
23
views
Lightbox doesn't animate gifs and recognize tiff images
I have image gallery where I upload my images, but still gifs and tiff files aren't processed properly, in my storage if I open images they are working fine, so this is issue on front. Couldn't find ...
0
votes
0
answers
12
views
Glightbox linked images do not count as “indexable pages” on Google Search Console
I have implemented Glightbox for a photographer website, and the functionality is excellent, however as all the enlarged photos are shown as anchor linked
<figure class="gallery-item">
...
0
votes
0
answers
47
views
How to pass html tags as content of glightbox
const tmSingleElements = document.querySelectorAll('.tm-single');
if (tmSingleElements.length > 0) {
tmSingleElements.forEach((tmSingle) => {
tmSingle.addEventListener('click', function ()...
1
vote
0
answers
55
views
Full size image doesn't show-up when using bs5-lightbox plugin in a Django project
I'm trying to use the bs5-lightbox plugin in a Django project and I'm encoutering some display issues. The plugin seems to be properly implemented and reactive, however when I click on one of the ...
0
votes
2
answers
177
views
Lightbox in Wordpress Not Showing at Full Screen
I'm having issue with the media carousel player. I'm pulling in vimeo links to showcase my client's videos in the slideshow setting. When I press the play button to display the lightbox the window ...
0
votes
0
answers
252
views
How to make a pop up slider with Swiper js?
I used a swiper.js slider and add a custome light box to it. when i click on the images from a slider they pop up like a lightbox and i cand navigate through the images but i have a problem i can not ...
0
votes
1
answer
260
views
Hidden gallery images using glightbox
I'm looking to create a simple Lightbox gallery of 4 thumbnails using Glightbox (https://github.com/biati-digital/glightbox). However, I want each of the thumbnails to house a gallery of 3 images.
I'...
0
votes
0
answers
17
views
Wordpress wpbakery bouton ligntbox
I want to integrate lightbox with wpbakery button i tried with a lot of plugins without success any one have a solution for that.
Thanks lot.
i tried with this lightbox plugins :
"Simple Lightbox,...
1
vote
1
answer
950
views
Display "Yet Another React Lightbox" slide images a little zoomed by default
I have used this "Yet Another React Lightbox" on my website, and I am happy with that, but I need a little help.
I want to show the slide images a little zoomed by default (transform: scale(...
1
vote
0
answers
21
views
How can I resolve the glitching issue with my lightbox
I implemented this lightbox into my website: https://codepen.io/darcyvoutt/pen/MaamWg/
// Function to reveal lightbox and adding YouTube autoplay
function revealVideo(div,video_id) {
var video = ...
0
votes
2
answers
124
views
expose all gallery items without large spaces lightbox js and masonry
I am trying to use lightbox js and masonry based gallery
I connected everything and added elements, 2 videos and 6 images
When outputting, everything is as it should be, on the left there are 2 videos,...
0
votes
0
answers
89
views
Wordpress plugin recommendation (fancybox/on-click popup with image slider, text, and button capabilities)
Can anyone recommend a Wordpress plugin that has the capability to give me what you see in this example image. example image
Or give me some ideas for keywords I can search?
I've looking into ...
0
votes
1
answer
102
views
How can I fix the issue with closing my lightbox modal window in HTML and CSS?
I just created a lightbox modal for displaying images. When an image is clicked, a modal window appears with navigation buttons to switch between images. However, there is currently an issue with ...
0
votes
0
answers
154
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
45
views
WordPress plugin issue with PHP 8 | Uncaught Error: Call to undefined function create_function() [duplicate]
I use a Wordpress plugin by Visual Lightbox to create photo galleries on my website. Wordpress recently required that I update to PHP 8 and this caused an error with Wordpress. I have contacted the ...
0
votes
0
answers
39
views
"Lightbox effect" on app (android studio + java)
Searched everywhere with no results
(Android studio 2022.1.1 + java + Material 3)
I wanna obtain a sort of lightbox effect on tapping an image (or pressing a button), I've tryied to create a fragment ...
0
votes
0
answers
41
views
Filtered masonry in uikit shows all images in lightbox, but should show only filtered
I use uikit amd a masonry gallery with filtering. Masonry does the job, but if I open the lightbox by clicking on one image after filtering and click next or previous all images are shown, not only ...
0
votes
0
answers
87
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 ...
1
vote
2
answers
38
views
Streamline js into something dynamic instead of repetitive for onclick item show
I found a lightweight lightbox code example, however, it relies on IDs and I intend to use it on 20+ items, I'd rather not have 20 hard-coded js lines to refer to something I know can be dynamic, I'm ...
0
votes
1
answer
30
views
Lightbox does not overlay the page
Lightbox does not overlay the page, instead it enlarges the page and adds the image at the bottom, way below the normal page end, how do I resolve. I tried installing the latest version of Lightbox ...
0
votes
1
answer
321
views
image preview basicLightbox
The image in gallery should open in modal,but downloading it and idk why.
Here is criteria to be followed:
-A combination of script and basicLightbox modal window library styles. Use the jsdelivr CDN ...
0
votes
0
answers
127
views
Combine a lightbox gallery with a slickslider gallery
As the title suggests, I have a gallery with automatically scrolling images, created with slickgallery, to which I have added a "lightbox" that is activated when clicking on an image, using ...
-1
votes
1
answer
59
views
how can i bind this value to the src attribute in a dynamic image on vue
I'm new with vue and I'm learning so my code can be very simple, and I would like to make a kind of lightbox, my problem is that I don't know how to link the imgSrc attribute to the image that is ...
0
votes
0
answers
184
views
Adding Lightbox Functionalty to a React Slick Slider built with json data
I'm new to React. Trying to build a portfolio page with some functionality like lightboxes. The problem I'm having is to integrating lightbox with React Slick slider. It is an infinite slider with a ...
0
votes
0
answers
54
views
Is it possible to merge all page images in a single lightbox in an elementor page (Free Version)?
In an elementor page I have multiple images that each open in their own lightbox and what I need is for them all to open in the same lightbox.
Can anyone tell me if is possible with free or even Pro ...
0
votes
0
answers
90
views
Trigger a lightbox at shop page in Woocommerce
How can I make the product image clickable on the shop page and categories pages to trigger a lightbox showing the image fullscreen while disabling redirection to the product details in Woocommerce?
...
-2
votes
1
answer
58
views
How to add video url to a Jekyll no js lightbox
There is a lightbox sans JavaScript in a Jekyll theme and I have been trying to add url capability to click on image or title and play a YouTube video within it.
Where is the code that includes the ...
0
votes
1
answer
137
views
lightbox wordpress gallery open popup automatics
I'm using the Gallery Lightbox Lite plugin in my website for gallery popup option
but I want open popup automatics after page load, do you have any javascript help me for this ?
note: this is the link ...
0
votes
0
answers
58
views
Lightbox quality on mobile is terrible
anyone can help me with this?
URL: https://www.saoplati.sk/jedalny-listok/
I have a lightbox image using elementor with basic element "Image" which works perfectly but whenever I open it on ...
0
votes
0
answers
52
views
Blogger lightbox on specific page only
I have installed a custom lightbox on a separate blogger page but if i disable the blogger lightbox,
it's off from all blogger pages and then clicking on post images is opening the direct link.
How ...
0
votes
0
answers
85
views
Want to add videos in lightbox of Angular
I am using ngx-lightbox : "^2.5.2" in my Angular App, it only show images. I want to show video in it. Is there any other alternative for this in Angular 9 or above?
0
votes
0
answers
39
views
Usage lightbox Woocommerce for standard images and gallery Wordpress
Interested in the possibility of using a lightbox Woocommerce (with zoom and slider) not only inside the store, but also for standard images Wordpress (in posts and pages).
I really like the lightbox ...
0
votes
0
answers
112
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
0
answers
47
views
data-popup: lightbox cant popup with error (Not allowed to navigate top frame to data URL: data:image/jpeg;base64)
my table with the picture
.. I have a problem, my image won't appear in the popup, i use data-popup:lightbox.
My code:
<td>
<a href="${data.trRadFoto}" data-popup="lightbox&...
0
votes
0
answers
57
views
I am trying to use lightbox for a popup window that has youtube url but it is not working
All that it displays when I click on it is black background.
Here is my code:
<div class="cbp-item art illustration">
<...
0
votes
1
answer
272
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
0
answers
135
views
WordPress - How to put all images from post into the one gallery. After click on any image from post, open whole gallery and be able to list throught
please I need an advice for WordPress.
I need to reach one gallery for all pictures from one post.
I literally need some plugin which can help me to make exactly this gallery from this link(exactly ...
0
votes
0
answers
49
views
Create a LightBox from a pre-existing photo/video gallery Javacript
I am learning JS at the moment and i find myself struggling with a LightBox assignment.
I have a list of medias displayed on my front-page that i have fetched from a local JSON file.
It contains both ...
1
vote
1
answer
188
views
Simple Lightbox Example in Quarto
I've created a minimal example to troubleshoot a problem encountered with the Lightbox extension to Quarto.
The current error is
GET: /lightbox.html
Error running filter _extensions/quarto-ext/...
3
votes
1
answer
4k
views
How to override Chakra UI Modal Component z-index value to place Modal component over React Leaflet Map
I'm trying to create a custom lightbox effect on images in a React Leaflet Circle Marker Popup component based on this article and usine the Chakra Modal component. The implementation works, but I'm ...
2
votes
1
answer
147
views
How to add JQuery Light Slider inside Light box Modal
I'm using jQuery lightSlider as image slider. I want to have sliders inside Light box. Nevertheless, I have found the following situation: In the first Image the slider is OK. In the second Image the ...
0
votes
1
answer
547
views
gLightbox Custom Description not working properly on mobile
I'm using gLightbox on my site. I am using the description: custom-desc; feature to make the description. The link works great when on desktop. However, as soon as I switch to a mobile device the link ...
0
votes
1
answer
133
views
Update fancybox 4 content when filters are applied to a cms list
I have a cms collection list with images. I filter them with mixitup library that's just sets display:none to filtered out images. Clicking on any of the collection list thumbnails fires fancybox 4 ...
1
vote
2
answers
609
views
css click on image that covered with hover overlay
Hello so i made a gallery with images , and i added hover overlay to it, but also added lightbox, so now when i try to click on image i am clicking on overlay. how do i make it clickable trough hover ...
6
votes
3
answers
482
views
Responsive featherlight iframes width
I'm using the featherlight lightbox to open iframes with different widths, please see the 1st 2 links on the fiddle below:
http://jsfiddle.net/sm123456/d5Lvw1rs/
The issue is that I seem I cant seem ...
0
votes
1
answer
22
views
capturin an iframe creation even from external source
I am using a third-party SomeScript.js, which is producing an iframe on my page after I click a special button ("special" meaning it has to have a particular id). The process appears simple -...
0
votes
1
answer
332
views
Lightbox gallery navigation images: How to center selected active image
Hello I am using Lightbox gallery on my Django app. When user clicks one of the images, gallery will appear with main selected image, next and prev functional icons and all images on the navigation ...
1
vote
0
answers
58
views
Lightbox Shows Same Image For Any Image I Click On
I have set up a JS lightbox with 6 different images. When I click on an image, the same image pops up in the lightbox, rather than the image I clicked on. The image that displays every time is the ...
0
votes
0
answers
45
views
One fancybox window position on the top
Is there any chance to set position of Fancybox but only one window (to search). Beacase on page I am using Fancybox to show for example photos, map and windows for them and they are in the middle ...