Efektní zobrazení obrázků
Javascriptové aplikace, které vám umožní otevírat obrázky na vašem webu do „překryvného okna“ s tmavým pozadím, se již stali nezbytnou pomůckou mnoha tvůrců. Klinete na miniaturu obrázku a místo otevření do nového (nebo do stejného) okna se dočkáte hezké animace při otevírání. Jediným kliknutí pak obrázek zavřete.
Je to pohodlné, uživatele to nezdržuje, vypadá to profesionálně. Na této stránce si představíme řešení s názvem Slimbox. Patří k těm jednodušším, ale bezproblémovým ve všech nejpoužívanějších prohlížečích.
Stáhnout si ho můžete na oficiálním webu.
Použití – implementace
Stažený archiv rozbalte a složku nahrajte do prostoru svého webu. Do hlavičky stránky, kde má slimbox fungovat, vložte tyto řádky:
<link rel="stylesheet" href="slimbox/css/slimbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="slimbox/js/mootools.js"></script>
<script type="text/javascript" src="slimbox/js/slimbox.js"></script>
Adresy pochopitelně musí odpovídat a vést ke konkrétním souborům.
Zápis obrázku
Z předchozí kapitoly již znáte zápis obrázku – zmenšeniny odkazující na originál. Nyní bude vypadat téměř stejně, pro použití slimboxu je potřeba přidat pouze jeden atribut:
<a href="fotka.jpg" rel="lightbox" alt="Fotka"><img src="malafotka.jpg" alt="Fotka malá"></a>
Na výsledek se můžete podívat na oficiálním webu – demo Slimboxu
Autor: Luboš Kudláček
Provozovatel Netzinu, autor knihy o WordPressu, publicista, blogger. >> Luboš Kudláček - obsahový marketing
Podobné články
- 13. 2. 2018 Lze ušetřit na půjčce? Přinášíme aktuální tipy Bez půjček se v dnešním světě nelze jenom tak obejít. Kdo chce financovat něco většího, má dvě možnosti. Buď bude delší dobu šetřit, nebo dojde k tomu, že si půjčí. A jelikož mnoho lidí […] Posted in Finance, ekonomika
11. 6. 2025 Bez stresu k moři: Co zařídit před cestou autem do Chorvatska Cesta autem do Chorvatska je mezi Čechy nesmírně populární. A není divu – flexibilita, krásné scenérie cestou, žádné limity zavazadel, zážitek a možnost prožít dobrodružství už během […] Posted in Finance, ekonomika, Cestování a turistika, Výběr redakce- 17. 6. 2015 Roste zájem o refinancování půjček Podle tiskové zprávy ČSOB a Era roste v posledních u těchto bankovních institucí zájem o refinancování půjček, neboli konsolidaci. Zájem vzrostl o 30 %, přičemž nejvíce své půjčky slučují […] Posted in Finance, ekonomika
19. 1. 2011 URL článku automaticky v QR kódu Zajímavá služba dokáže generovat QR kód, jehož obsahem je internetová adresa stránky, do které je vložen krátký javascript.
Služba je určena pro jakoukoli webovou stránku, kterou si takto […] Posted in Web
9. 11. 2014 BLESKmobil slaví své 2. narozeniny Operátor BLESKmobil (obchodní značka Telefónica Czech Republic, a.s.) slaví 2 roky na trhu a prodlužuje akční nabídku volání za korunu na vybrané tuzemské mobilní telefonní […] Posted in Technika, software
23. 1. 2015 S věkem klesá zájem o mobilní služby, nejaktivnější jsme do 35 let To a ještě další statistické informace tvrdí průzkum realizovaný virtuálním operátorem ČEZ mobil ve spolupráci s výzkumnou agenturou GfK.
Průměrných 5 hovorů do 5 minut
Průměrná […] Posted in Technika, software
24. 5. 2011 O2 poskytuje na sociálních sítích plnohodnotnou zákaznickou péči Telefónica Czech Republic vytvořila speciální tým, který poskytuje zákazníkům O2 podporu na sociálních sítích. Čtyřčlenný tým specialistůje je k dispozici každý den od 8 do 20 hodin včetně […] Posted in Ostatní články
16. 2. 2015 Jak správně ukotvit vaši firmu v on-line prostoru Víte opravdu, jak vypadá váš firemní zápis ve službách, jako jsou Google MyBusiness Places, Firmy.cz, Yelp či Lokola? Jste si jistí, že vyhledávání na internetu nabídne potenciálním […] Posted in Podnikání, Web
1. 2. 2011 Petr Hejl: vývoj minihledače zahájen Vývoj minihledače začal dne 1.2.2011 v 00:53 v noci. Petr Hejl sehnal po několika měsících potřebný milion korun.
Na celkové investici, kterou Petr Hejl intenzivně sháněl několik […] Posted in Podnikání
23. 6. 2014 OneDrive zvyšuje prostor zdarma na 15 GB Cloudová služba Microsoftu OneDrive, určená k synchronizaci a zálohování dat, zvyšuje pro své uživatele prostor zdarma z původních 7 GB na 15 GB.
Služba funguje podobně jako […] Posted in Technika, software
