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
-
... ... @@ -1,8 +1,8 @@ 1 -T ento JSX1 +Tato stránka obsahuje JSX, které 2 2 3 -1) a ktivujena 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 lightboxu3 +1) **enablují** 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 img element v lightboxu 4 4 5 -2) zároveňjezdedodělanáfunkcionalita,kteráu všechA elementů obklopených span xwikiattachement a obsahující child element IMG5 +2) u všech příloh s obrázkem (tzn. A elementů obklopených span xwikiattachement a obsahující child element IMG) provede: 6 6 7 7 * **vytvoří caption** - tzn. obklopí img element do figure a figureCaption (do kterého zkopíruje alt) 8 8 * **aktivuje lightbox** - tzn. nastaví u A dynamicky data-lightbox atribut, zároveň zkopíruje alt u image do lightbox-title do A elementu ... ... @@ -10,7 +10,7 @@ 10 10 3) tento update je triggerován na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky 11 11 12 12 13 -Jinak je celý proces následující 13 +Jinak je celý end to end proces následující 14 14 15 15 1. uživatel vloží paste obrázku do CKEditoru 16 16 1. zafunguje upraveny upload plugin a místo samotného image vrací image nalinkovaný na daný attachement, tzn. uploadovaná image je vždycky s linkem a validní v xwiki 2.1 syntax - xwiki-upload (loaduje [[CKEditor plugin loader>>BackEnd.CKEditor plugin loader.WebHome]] a samotny kod je v /resources/mujupload.js xwiki-upload (loaduje [[CKEditor plugin loader>>BackEnd.CKEditor plugin loader.WebHome]] a samotny kod je v /resources/mujupload.js
- XWiki.JavaScriptExtension[1]
-
- Kód
-
... ... @@ -18,7 +18,9 @@ 18 18 jQuery(this).wrap($('<figure/>', { 19 19 'class': 'image' 20 20 })); 21 - if (img_alt) { 21 + 22 + //pokud alt stejný jako název souboru - pak caption nezobrazuj 23 + if (img_alt) { 22 22 $(this).after($('<figcaption/>').append(img_alt)); 23 23 } 24 24 }