Změny dokumentu Lightbox support
Naposledy upravil David Brazda 08.04.2021 15:19
Popis verze:
allow view právo pro XWiki.Reader
Přehled
-
Na stránce změněno: (1 změněno, 0 přidáno, 0 odstraněno)
-
Objects (1 změněno, 0 přidáno, 0 odstraněno)
Rozpis
- Na stránce změněno:
-
- Obsah
-
... ... @@ -2,9 +2,9 @@ 2 2 3 3 1) aktivuje na celé wiki [[lightbox viewer>>https://lokeshdhakar.com/projects/lightbox2/]] pro zobrazení obrázků - pokud najde A hrefu s atributem data-lightbox="lightbox" pak zobrazí child element v lightboxu 4 4 5 -2) zároveň je zde dodělaná funkcionalita, která u všech A elementů obklopených span xwikiattachement a obsahující child element IMG - nastaví u A dynamicky data-lightbox atribut .5 +2) zároveň je zde dodělaná funkcionalita, která u všech A elementů obklopených span xwikiattachement a obsahující child element IMG - nastaví u A dynamicky data-lightbox atribut, zároveň zkopíruje alt u image do lightbox-title do A elementu 6 6 7 -3) zachytanádom-reloadedakce a najejímzákladěprovedenototéž- nutné aby fungovalo po uložení editace.7 +3) tento update je proveden na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky 8 8 9 9 10 10 Jinak je celý proces následující
- XWiki.JavaScriptExtension[1]
-
- Kód
-
... ... @@ -1,6 +1,18 @@ 1 1 require(['jquery'], function($) { 2 2 //in case of important dom change - like CKEditor save, the lightbox must be re-added again 3 3 $(document).on('xwiki:dom:updated', function() { 4 - $(".wikiattachmentlink img").parents("a").attr("data-lightbox","lightbox"); 5 - }) 6 -}); 4 + //puvodni kod 5 + //$(".wikiattachmentlink img").parents("a").attr("data-lightbox","lightbox"); 6 + 7 + //novy kod - pro attachmenty obrazky nastavit lightbox + add img alt jako atribut lightboxu 8 + $('.wikiattachmentlink img').each(function() { 9 + //nastavime lightbox 10 + $(this).parents("a").attr("data-lightbox","lightbox"); 11 + //pokud ma img alt, pak ho nastavime jako title lightboxu 12 + var img_alt = $(this).attr('alt'); 13 + if (img_alt) { 14 + $(this).parents("a").attr("data-title", img_alt); 15 + } 16 + }); //each function 17 + }); //dom updated 18 +}); //require