Gallery no work

On the page, the lightbox does not work you have different paths to the image in src and data-mdb-img.

Please translate your question into English. We provide support for the international community and we want everyone to be able to use and understand the answer.

Hello Kamila, I hope you are well and thank you for taking the time to solve my problem. I have a problem with the "lightbox" that does not work on one of my sites and that I cannot solve. The update was made to version MDB 5 Pro 8.0.0 On one site the photo gallery works perfectly (zoom, scrolling) and on another site nothing happens. The configuration is the same on the sites, the same coding that I call like that and which are placed in an "asset" folder and the paths are correct. CSS between and

JavaScript before closing :

I ran the code with « HTML Validator », nothing special except obsolete attributes "text/javascript". On this site the lightbox works: https://www.ialpes.com/index.html#galerie On this site the lightbox does not work: https://geneve.ialpes.com/#galerie

I ran the code with "HTML Validator", nothing special except obsolete attributes "text/javascript". From the browser bar, I can call the images: examples: https://geneve.ialpes.com/img/cita/geneve-panorama-450.jpg (450x300) and https://geneve.ialpes.com/img/cita/geneve-panorama.jpg (780x520) The strange thing is that if I paste your example, it works perfectly with the same CSS and JS codes. Would you have a moment to help me solve my problem ? Thank you very much for your help. Alain

Hello Kamila,

Thanks for your help The paths to the images are correct. For src the image is a 450X300 pixel image, and for data-mdb-img, the called image is 780x520 pixels.

All my "Galleries", only the galleries, are made on this model of 780x520 px and 450x300 px. There may be better to do for the galleries. What bothers me is that using your model it works. The code is identical except the path of the small and large images on my site and that on MDB uses the same image.

Here is more information:

JS: mdb.umd.min.js MDB5* Version: PRO 8.0.0

I find this message and, see the screenshot, but in French, translated below. Syntax error on line 20 of mdb.umd.min.js. Code hints may not work until after this error is resolved.

If this helps?

Thank you and have a nice day.

Alain

   <div class="col-lg-4 mb-4">  < !--  img 2  

< !-- img 3  < !-- END ROW 1 

   <div class="row">      < !--  START ROW 2   

< !-- img 1  < !-- img 2  < !-- img 3  < !-- END ROW 2 

My code:`

   <div class="col-lg-4 mb-4">  < !--  img 2  

< !-- img 3  < !-- END ROW 1 

   <div class="row">      < !--  START ROW 2   

< !-- img 1  < !-- img 2  < !-- img 3  < !-- END ROW 2  `

Kamila,

I finally found the problem of the Lightbox.

It seems that there is a bug somewhere. The Lightbox only works with 3 images, if I place 6 images, the Lightbox does not work anymore and I have no idea where this problem comes from.

For this, I have you can see the page with 3 images here: https://geneve.ialpes.com/hebergement/hebergements-a-geneve.html and the page with 6 images that does not work here: https://geneve.ialpes.com/index.html

All the codes are identical, CSS, JavaScript, links with images, custom CSS styles, etc...

Thank you

Hello Kamila,

Thanks for the help and the solution. There was indeed an address error on photo number 4, and I would not have thought that it would have completely blocked the scrolling of the Lightebox, but only image 4. In any case everything works and I thank you for helping me.

Best regards. Alain