Vytvoření prezentace pomocí HTML: Existují tyto varianty
Pokud je vytváření vlastní prezentace v jazyce Javascript a HTML příliš komplikované, můžete také vytvořit stylové prezentace pomocí pluginů. V tomto článku uvádíme různé externí prezentace, které můžete integrovat do svého webu.
Lightbox 2 - jednoduchá vyskakovací prezentace
Mnoho webových stránek používá plugin Lightbox k zobrazení obrázků a galerií obrázků. Můžete integrovat Lightbox do libovolného webu. Lightbox si můžete zdarma stáhnout z webu vývojáře.
- Po rozbalení a nahrání souborů na svůj webový server můžete plugin snadno integrovat do svého webu. Chcete-li to provést, nastavte dva odkazy v oblasti hlavičky na obsažené soubory Javascript - pokud jste již integrovali jQuery, musíte zahrnout pouze "lightbox.min.js". Kód pro vložení funguje takto:
- Aby vyskakovací okno vypadalo dobře, musíte zahrnout soubor CSS z Lightbox - k tomu také dojde v záhlaví:
- Obrázky lze nyní snadno spojit do skupin pomocí odkazu s atributem data-lightbox, které se poté přehrají, když je snímek vyvolán v prezentaci. K přiřazení obrázků ke skupině musí mít stejný atribut data-lightbox: Image # 1
SlidesJS - dotykem optimalizovaný posuvník s rychlou integrací
SlidesJS je další způsob, jak rychle přidat galerie obrázků na váš web. Nástroj je integrován do webových stránek podobným způsobem jako Lightbox 2, ale na rozdíl od toho je jako kontejner DIV vždy zobrazen na webu jako posuvník. Plugin je proto vhodný také pro šikmá záhlaví nebo informační pole.
- Různé příklady jsou uvedeny na webových stránkách pro rychlejší zadání a pro demonstraci - zde najdete také podrobné pokyny, jak je integrovat. Stejně jako u Lightbox se to provádí integrací různých souborů do oblasti hlavičky stránky.
- SlidesJS pracuje citlivě, to znamená, že bez ohledu na velikost obrazovky uživatele jsou obrázky zobrazeny správně - praktické. Pokud nemůžete vyjít s SlidesJS, existuje dobře známá alternativa s Nivo Slider.
Chcete graficky vylepšit posuvník? Díky CSS a našemu praktickému tipu na kulaté rohy obrázků webových stránek to funguje.