Questions tagged [lightbox]

Lightbox, and the newer Lightbox 2, is a JavaScript application used to display large images using modal dialogs.

Filter by
Sorted by
Tagged with
-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 ...
nw_prod's user avatar
  • 21
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 ...
J.Klimov's user avatar
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"> ...
Cergei's user avatar
  • 1
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 ()...
vindi96's user avatar
  • 123
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 ...
Mapper's user avatar
  • 143
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 ...
Teaira Abston's user avatar
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 ...
Surkew Hamakarim's user avatar
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'...
Kelvin Farrell's user avatar
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,...
Ahmed Habani's user avatar
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(...
Programmer Injamam's user avatar
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 = ...
Kody Pendleton's user avatar
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,...
Hector's user avatar
  • 37
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 ...
sd1991's user avatar
  • 1
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 ...
Only4Gamers's user avatar
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. ...
Davi's user avatar
  • 1
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 ...
Robby Thomas's user avatar
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 ...
Denis De Pauli 's user avatar
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 ...
Achim Udo's user avatar
  • 105
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 ...
peyman akhtari's user avatar
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 ...
Joshua Schmitz's user avatar
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 ...
Les Burdett's user avatar
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 ...
Try not to Smile's user avatar
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 ...
user2556011's user avatar
-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 ...
learningfromzero's user avatar
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 ...
eryilmazgokhan's user avatar
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 ...
Sorin's user avatar
  • 3
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? ...
Augusto Gentile's user avatar
-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 ...
cea's user avatar
  • 285
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 ...
Rawaf's user avatar
  • 5
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 ...
samuel krajčovič's user avatar
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 ...
Anon Nonan's user avatar
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?
Ankur Singh's user avatar
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 ...
Serg's user avatar
  • 1
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 ...
Tanmoy's user avatar
  • 41
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&...
Eliavina's user avatar
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"> <...
Cosmic 's user avatar
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.
Arslan Zafar's user avatar
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 ...
o.pody's user avatar
  • 1
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 ...
Al_Tecaz's user avatar
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/...
wibeasley's user avatar
  • 5,070
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 ...
nizz0k's user avatar
  • 491
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 ...
Babur Shah Sayer's user avatar
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 ...
user's user avatar
  • 45
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 ...
Baltazar Fajto's user avatar
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 ...
Alex Raskatov's user avatar
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 ...
JimWids's user avatar
  • 113
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 -...
alexakarpov's user avatar
  • 1,870
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 ...
Bokijonov's user avatar
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 ...
Ashley Serrano-Ziel's user avatar
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 ...
DarkOwl's user avatar

1
2 3 4 5
49