Petr napsal: Možná kdybych si ještě mohl vybrat ze chci k jpg, vygenerovat webp nebo avif a používat to buď přímo v <img nebo <picture -> <source a <img a v tom .jpg i .webp, popř. avif tak byto trosku pomohlo optimalizaci webu i u těch kteří tomu nerozumî nebo jako mně se jim nechce otevírat Photoshop nebo nějaká webová služba. 

Byl bych za to rád i Phoca gallery.

Toto jsme udělali v Phoca Cart a je z toho jedna z neproblematičtějších částí, co se týče obrázků, protože lidi nechápou rozdíl mezi tím, kdy je webp alternativa k jpg a kdy je webp samo za sebe, navíc tagy picture a source v podstatě v žádných speciálních knihovnách nejsou podporovány (myslím tím 3pd javascript knihovny pro různou manipulaci s obrázky jako je např. jejich záměna, atd. - konkrétně v Phoca Cart např. při změně atributu, pak různé vlastnosti pro popup metody, atd.).

Kdo na tohle dbá, používá rovnou WEBP (AVIF je celkem problematickej), kdo to neřeší, tomu budou stačit náhledy s případně nižší kvalitou.

Kdybych něco takovýho dělal, tak určitě ne tagy picture a source, atd. spíš nějakej jednoduchej parametr: "Všechny náhledy ve WEBP"

EDIT: i když nad tím tak přemýšlím, možná je lepší převádět rovnou originál při uploadu na webp, aby v tom pak nebyly zmatky, kdyby někdo přepínal parametry, pak by to nefungovalo.

Fotogalerie pod článek jsou tak trochu problém. A můžete to řešit různě.

Jestli to budete editovat vy (nebo trochu zdatnější uživatel), tak se mi zdá nejlepší varianta Phoca Gallery + Obsah - Phoca Gallery + Tlačítko - Phoca Gallery. V komponentě nahrajete, můžete ji používat jako galerii a zároveň i jako úložiště fotek do galerií článků...

Pro uživatele, nejen pro ty kteří "nevědí, která bije", se mi nejvíce osvědčilo využít Quantum Manager a jeho pluginy Tlačítko - Quantum Manager. V komponentě můžou plně spravovat soubory (obrázky, dokumenty, videa, zvuk,...) a pomocí tlačítka vkládat do obsahu. K zobrazení a prohlížení obrázků využijete plugin, který běžně používáte.

Například: používáte editor JCE a jeho plugin JCE MediaBox. V pluginu Tlačítko - Quantum Manager, pak nastavíte pro výchozí oblast potřebná pole (třeba width, height,...) a šablonu kde si nadefinujete kód, který se do obsahu vloží. Třeba:

Pak stačí jen v editoru kliknout na vložení souboru a po otevření Quantum Manageru si vybrat jeden nebo více obrázků (nebo i nahrát, upravit, zkopírovat,...) k vložení a kliknout na Vložit... hotovo. 

Neopouštíte pro žádnou potřebnou operaci jednotné prostředí. A nemusíte se omezovat na jeden druh vkládaných souborů. Šablonu vložení si můžete vytvořit pro cokoli. Například PDF:

V nastavení není zobrazený editor, jako takový. Je to nějaký skript "aby šly myší přetahovat a rovnat tlačítka menu editoru".
Path a Word nejde přeložit, tedy jde všechno, ale je to zbytečné. V zobrazení editoru (třeba v článku) je to už v pořádku.

Přeložený byl jen JCE editor (PRO i FREE včetně základních pluginů) + plugin JCE MediaBox 2

Na četné žádosti (1) jsem doplnil i ostatní:

Aia - Ai Assistant
Font Awesome for JCE
S3 Object Storage Filesystem
Table of Contents
Server Filesystem
Code Sample
International Phonetic Alphabet
SVG Element Support
WidgetKit 2 Popups
WidgetKit Popups
RokBox Popups
Responzivity

Vyzkoušejte, hledejte chyby, nahlaste... Díky.

Bongovo! - Ke stažení - JCE editor

OT.: ideálně ještě před instalací této češtiny nejprve odinstalujte všechny české překlady JCE, které najdete.

Ještě doplním o alternativní řešení. Toto lze udělat i s Phoca Cart:

- definovat obrázek (s čímkoliv - např. mapou)
- definovat v ní polygonové souřadnice (SVG) pro oblasti
- které pak budou odkazovat na Popup a tam případně i dál.

Lze to vidět např. zde:
rezidencejarosova.cz/nabidka-jednotek

(místo domu s patry si představte mapu s jinými oblastmi než jsou patra, systém je ale stejný, kliknutím na oblast se otevře popup a tam lze dále pokračovat - buď zase různými oblastmi nebo nečím jiným).

Hotové "klikací" udělátko nevím jestli najdete. 

Pokud se do toho pustíte sám, šel bych cestou vytvoření přepisu modulu "Vlastní obsah", do něj vložil potřebné HTML, CSS, SVG apod. a ten pak umístil na pozici PageBuilderu.

V ukázcxe je to celé řešené jen pomocí absolutního pozicování v rámci CSS, tzn. obalovací prvek obsahuje obrázek a několik "šipek", které jsem v rámci CSS absolutné pozicované. 

Bylo by možné řešit např. ještě pomocí SVG (např. zde ), nebo postaru pomocí klikatelných map  (tam ale narazíte na problémy s responzivou), popř. kompletně pomocí Javascriptu (to mi přijde zbytečné, ale zas by mohla existovat nějaká již hotová knihovna).

Popup okno musíte vyřešit nějakým Javascriptem, pokud používáte v šabloně Bootstrap, můžete použít Bootstrap modal .

Ahoj,

záleží na metodě zobrazení obrázků, pokud má obrázek vlastní stránku, např. metoda detailu je "no popup", pak se pro daný obrázek zapíše statistika zobrazení v případě, kdy se stránka obrázků zobrazí. Pokud se ovšem detail obrázku zobrazuje pomocí Javascript metody - např. nějakého modalu (Photoswipe, atd.), pak se statistika nezapíše (technicky je to proto, že dochází k odkazu přímo soubor na serveru a ne scriptu s obrázkem, který by dokázal zapsat statistiku).