customized lightbox markup - Support | Kriesi.at

Viewing 3 posts - 1 through 3 (of 3 total)

Author

Posts
March 6, 2021 at 10:46 am #1286046

Guenni007
Participant

on image alb element i have inserted some code to have two additional input fields showing only if i have a link on them:
looks this way:

now i can use these additional attributes on the image-tag to style my own markup for lightbox.
My trouble now is : on chrome and safari the script works and the lightbox is shown in the wanted way – even with merging on.

With firefox it only works sometimes when i switch off the merging – but with merged files it never works.
(by the way i tested to exclude the lightbox scripts from merging) but no improvement.)

because i used the original trigger with an additonal selector :
$('#bildnavigation .lightbox-added').magnificPopup({
so I suspect that the original script that is on lightbox-added is in competition with my code and on firefox just the original takes precedence.

So is there a way to hamper the original Script that my custom script had the chance to work?
i tried to wrap the click event of that .lightbox-added anchor and an e.preventDefault(); – that will have effect – but then the lightbox gallery does not work anymore.
See all infos on private Content

March 13, 2021 at 2:21 pm #1287983

Günter
Keymaster

Hey Guenter,

Sorry for the late reply – but I was tagged to this yesterday.

I did not test, but you can try to add class “noLightbox” to the image.

This should exclude the image from our default binding to magnificPopup and you can add your magnificPopup.

Best regards,
Günter

March 15, 2021 at 4:16 pm #1288333
Guenni007
Participant
ich möchte ja schon das magnific popup script dafür nutzen, aber eben mit meinem eigenen Markup. Das sieht ja auch die Doku von Dmitry Semenov vor.
Es hat auch früher sehr gut geklappt, dass man Animationen, Markup, Callbacks etc. hinzufügen konnte. Das neue Markup wurde auch immer angenommen von allen Browsern. Jetzt macht der Firefox mal mit – meist jedoch nicht. Er nimmt dann das default markup und öffnet die lightbox.

Wenn ich deinen Rat befolge und dann definiere:
```
<script type="text/javascript">
(function($){
$(window).on('load', function () {
  $('#bildnavigation').magnificPopup({
	delegate: 'a.avia_image',
    type: 'image',
    image: {
        markup:…
```
dann funktioniert es, aber die Klasse am anchor brauche ich damit die Buttons nicht mit integriert werden in die lightbox und so die Galerie zerschießen.
Trotzdem ist es mir unbegreiflich warum es vorher ging – jetzt nicht mehr.
warum es in Chrom und Safari geht – Firefox nicht.
Schade – macht es wieder ein wenig aufwendiger.

Danke – kannst Du schließen!
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘customized lightbox markup’ is closed to new replies.