Lightbox v textovém editoru

2. 3. 2021

Jak vytvořit v CK editoru (online textovém editoru) proklikávací obrázek, který se zobrazí v lightboxu?

Nevíte co je lightbox? Zkuste kliknout:

Co pro to potřebujete

  1. malý obrázek, který se zobrazí na stránce rovnou, pokud tedy nestačí, když se bude klikat na text, viz ukázky výše.
  2. velký obrázek, který se zobrazí po rozkliknutí.

Pokud nemáte malý obrázek, musíte jej vytvořit ve svém počítači z toho velkého, například pomocí tohoto on-line nástroje zdarma (Photoshop).

Postup

  1. vyznačíme text / obrázek, který se má proklikávart

  2. vytvoříme odkaz
  3. vybereme obrázek co se má zobrazit po prokliku

    • v rozšířených nastaveních odkazu nastavíme
      třídu stylu na: mb
      * vztah: [gallery]

    • všechny změny uložíme

* "vztah" je nepovinný údaj, pomůže nám propojit více obrázků do jedné proklikávací galerie (sekvence), ale aby to fungovalo, všechny obrázky musí mít vyplněný "vztah" stejným textem
pokud chceme mít více oddělených galerií na jedné stránce, můžeme to dosáhnout použitím jiného textu do pole vztah pro každou sekvenci, třeba:
[gallery_1]
[gallery_2]

 

Vyzkoušet E-shop zdarma x

  • Váš E-mail *

Přístup do administrace E-shopu Vám zašleme na zadaný email.

Individuální řešení e-shopu x

  • Váš E-mail *
  • Popis Vašeho e-shopu. (funkce, grafika) *

Po odeslání vašeho E-mailu Vám na něj obratem odepíšeme.