search

trvswgnr / bs5-lightbox

A pure JS lightbox gallery plugin for Bootstrap 5 based on the Modal and Carousel components
https://trvswgnr.github.io/bs5-lightbox/
MIT License
133 stars 28 forks source link

Not loading on Bootstrap 5.3.2 #76

Closed MrSATAN1999 closed 7 months ago

MrSATAN1999 commented 7 months ago

Hi ! I'm having difficulties setting it up on Bootstrap 5.3.2.

I'm trying to load latest version from CDN : <script src="https://cdn.jsdelivr.net/npm/bs5-lightbox@1.8.3/dist/index.bundle.min.js"></script>

Of course it's placed AFTER Bootstrap's JS : <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>

And I'm trying to call it from any page that way : <a href="photos/galeries/63ab4837330da.jpg" style="background:url('photos/galeries/63ab4837330da.jpg') center;" class="col-md m-1 btn btn-secondary btn-zoom img-1" data-toggle="lightbox"></a> The pictures opens in a _blank page.

I also tried to change data-toggle with data-bs-toggle as this is the new Bootstrap way but nothing seems to be working.

Am I missing something here ? Thanks.

MrSATAN1999 commented 7 months ago

Hi ! I figured where the preblem occured. I needed the script to be loaded at the end of body. Might be a good idea to give this info in the installation direction. Thanks for the plugin !

MrSATAN1999 commented 7 months ago

Hi ! I figured where the preblem occured. I needed the script to be loaded at the end of body. Might be a good idea to give this info in the installation direction. Thanks for the plugin !