Standardní stránky > Základní postupy > Efekt LIGHTBOX - pokročilé rozklikávání obrázků

Lightbox - úvod

Každý vkládaný obrázek může být po kliku zobrazen v efektu lightbox. Je to oblíbený efekt zobrazování obrázku, kdy se celá stránka zatmaví a do popředí se rozvine požadovaný obrázek v plné velikosti.

Lightbox - použití

Pro vytvoření tohoto efektu potřebujete dva stejné obrázky, každý ale v jiné velikosti. Můžete využít přednastavených adresářů ve Správci obrázků. Obrázek v plné velikosti nahrajete do složky, jejíž název začíná "auto_nahledy", zbylé číslo je šířka/výška vznikajícího náhledu (malého obrázku) v tomto adresáři.

Nyní máte na serveru nahrané oba potřebné obrázky. Vložte malý obrázek označený předponou "thumb_" do stránek, kde chcete aby návštěvníci klikli pro plné rozlišení. Návod pro vkládání obrázku naleznete v nápovědě, sekce Editor Tinymce. Po vložení obrázku stránku uložte.

Nyní klikněte pravým tlačítkem na vložený obrázek, zvolte Vlastnosti obrázku a zkopírujte si pomocí CTRL+C první údaj, tzn. "URL obrázku". Okno zavřete.

Klikněte levým tlačítkem na obrázek a pak na ikonu Vložit odkaz. Do první řádky, tzn. "URL odkazu" vložte zkopírovaný text pomocí CTRL+V. Na konci tohoto údaje odmažte z textu "thumb_". Nyní přepněte na poslední záložku "Rozšíření" a parametr "Relationship page to target" nastavte na "Lightbox". Nakonec klikněte na tlačítko Vložit.

Stránku opět uložte.

Lightbox - příklad použití