How to disable hyperlink redirection after adding glightbox class #562

Stephen-X · 2025-05-03T09:03:27Z

Stephen-X
May 3, 2025

Hi community,

I'm trying to follow the example to add the glightbox class to the hyperlink wrapper:

<head><link href="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.3.1/css/glightbox.min.css" rel="stylesheet" type="text/css"></head>

...

<a href="large.jpg" class="glightbox">
  <img src="small.jpg" alt="image" />
</a>

...

<script src="https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.3.1/js/glightbox.min.js" type="application/javascript"></script>
<script type="application/javascript">const lightbox = GLightbox({"openEffect":"zoom","closeEffect":"zoom","slideEffect":"slide","closeButton":true});</script>

But when clicking on the small image, GLightbox opens before the page is redirected to the large image URL. I'm trying to figure out how the demo site was able to disable the hyperlink redirection on click: https://biati-digital.github.io/glightbox/. Any help would be appreciated!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

How to disable hyperlink redirection after adding glightbox class #562

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

Uh oh!

How to disable hyperlink redirection after adding glightbox class #562

Uh oh!

Uh oh!

Stephen-X May 3, 2025

Replies: 0 comments

Stephen-X
May 3, 2025