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)
  • XWiki.JavaScriptExtension[1]

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, zároveň zkopíruje alt u image do lightbox-title do A elementu
	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.
6	6
7		-3) tento update je proveden na dom-reloaded akci - nutné aby zafungovalo i po uložení editace a nejenom reloadu stranky
	7	+3) zachytaná dom-reloaded akce a na jejím základě provedeno totéž - nutné aby fungovalo po uložení editace.
8	8
9	9
10	10	Jinak je celý proces následující

XWiki.JavaScriptExtension[1]

Kód

...	...	@@ -1,18 +1,6 @@
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		- //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
	4	+ $(".wikiattachmentlink img").parents("a").attr("data-lightbox","lightbox");
	5	+ })
	6	+});