MDB Pro Lightbox not working properly.

Topic: MDB Pro Lightbox not working properly.

Onelio pro asked 6 years ago

Just purchased MDB Pro. I'm not able to get lightbox working properly. I have my images sized properly and they are opining up correctly except there are no arrows, or magnifying glasses. I have to hit the back arrow to get back the the web page. I have the initializing code at the bottom of my page."

Mirosław Stasiak free commented 6 years ago

Send me your code here or on email m.stasiak@mdbootstrap.com

Onelio pro commented 6 years ago

Miroslaw, Thanks for the response, but I was able to finally get it to work. Onelio

cosmicmarkup free commented 6 years ago

Hi Viera, How did you solve it?

Bartłomiej Malanowski staff commented 6 years ago

@cosmicmarkup, please share your code with us

info@ipllp.in pro commented 6 years ago

lightbox is not working for me either... can anyone help me here how to fix this

Add comment

Onelio pro answered 6 years ago

0 0 Best answer

I'm still having problems with some of my sites.  I have pasted the html and JQuery.  Hopefully the guys at MDB will have an answer as why we are having problems.

<div class="container">
<div class="row">

<div class="col-md-12">
<div class="divider-new pt-0">
<h2 class="h2-responsive wow fadeIn">Custom Content Management System (CMS)</h2>
</div>
<div id="mdb-lightbox-ui"></div>

<figure class="col-md-4">
<a href="img/cms-03.png" data-size="760x560">
<img src="img/cms-03.png" class="img-fluid z-depth-1"></a>
<div class="thumbnailImg mt-4">
<h6><strong>Your own CMS login.</strong></h6>
</div>
</figure>

<figure class="col-md-4">
<a href="img/cms-02.png" data-size="760x560">
<img src="img/cms-02.png" class="img-fluid z-depth-1"></a>
<div class="thumbnailImg mt-4">
<h6><strong>Your own custom website panel.</strong></h6>
</div>
</figure>

<figure class="col-md-4">
<a href="img/cms.png" data-size="760x560">
<img src="img/cms.png" class="img-fluid z-depth-1"></a>
<div class="thumbnailImg mt-4">
<h6><strong>Your own website editing page.</strong></h6>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>

Please insert min. 20 characters.

I'm still having problems with some of my sites. I have pasted the html and JQuery. Hopefully the guys at MDB will have an answer as why we are having problems.  <div class="container"> <div class="row"> <div class="col-md-12"> <div class="divider-new pt-0"> <h2 class="h2-responsive wow fadeIn">Custom Content Management System (CMS)</h2> </div> <div id="mdb-lightbox-ui"></div> <div class="mdb-lightbox"> <div class="row"> <figure class="col-md-4"> <a href="img/cms-03.png" data-size="760x560"> <img src="img/cms-03.png" class="img-fluid z-depth-1"></a> <div class="thumbnailImg mt-4"> <h6><strong>Your own CMS login.</strong></h6> </div> </figure> <figure class="col-md-4"> <a href="img/cms-02.png" data-size="760x560"> <img src="img/cms-02.png" class="img-fluid z-depth-1"></a> <div class="thumbnailImg mt-4"> <h6><strong>Your own custom website panel.</strong></h6> </div> </figure> <figure class="col-md-4"> <a href="img/cms.png" data-size="760x560"> <img src="img/cms.png" class="img-fluid z-depth-1"></a> <div class="thumbnailImg mt-4"> <h6><strong>Your own website editing page.</strong></h6> </div> </figure> </div> </div> </div> </div> </div>  <script> // MDB Lightbox Init $(function() { $("#mdb-lightbox-ui").load("mdb-addons/mdb-lightbox-ui.html"); });</script>

Jakub Strebeyko staff commented 6 years ago

Hi there Viera, I was unable to recreate your problem. Did you make sure to use live-server during development? Lightbox does not work correctly when served from local file storage because of some browsers' anti-XSS safety methods. With Best Regards, Kuba

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Onelio

Pro User 12Support score
3Questions 1Answers 1Snippets