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
- 2. 6. 2013 Zasedla povodňová komise V neděli 2.6. ve 3.30 hodin ráno se sešla povodňová komise obce s rozšířenou působností České Budějovice. Primárním důvodem pro její svolání byla situace na řece Malši, která dosáhla v […] Posted in Jihočeský kraj
2. 4. 2007 Černá věž v Českých Budějovicích Černá věž je dominantou a jedním z nejdůležitějších symbolů Českých Budějovic. Žádný turista by ji rozhodně neměl minout a vystoupat až na ochoz. A pro Budějčáky to platí […] Posted in Cestování a turistika, Jihočeský kraj
22. 5. 2015 Čas na pořádnou firemní akci a rovnou na firemní večírek na lodi! To, že mají firmy vánoční večírky je poměrně rozšířená informace. Skutečně, většina firem, dokonce i těch výrobních, pořádá pro svůj TOP management a liniové zaměstnance vánoční večírky. […] Posted in Podnikání
2. 6. 2010 WordPress 3.0 – RC1 – Custom menu Nová funkce WordPressu - Vlastní menu
Blíží se další přelomová verze redakčního systému WordPress a s ní jako obvykle mnoho oprav. Kromě toho se ale uživatelé dočkají i několika změn […] Posted in Web
26. 5. 2014 Slováci by raději žili v Česku Podle aktuálního výzkumu Slovenského národního panelu, kterého se zúčastnilo 500 respondentů z internetové populace starší 18 let, si většina Slováků myslí, že Češi jsou jejich blízkým […] Posted in Společnost
18. 2. 2016 T-Mobile připravuje systém pro EET T-Mobile zřejmě není první ani poslední firmou, která se chce zúčastnit byznysu kolem elektronické evidence tržeb. Dle své tiskové zprávy však může nabídnout široké portfolio služeb a […] Posted in Podnikání, Technika, software- 28. 4. 2017 O2 vzrostl čistý zisk o 3 % Operátor O2 dnes oznámil své neauditované provozní a finanční výsledky za první čtvrtletí 2017. Konsolidovaná data obsahují výsledky všech dceřiných společností. "V prvním čtvrtletí […] Posted in Podnikání
21. 10. 2013 O2 Čtení nabízí elektronické časopisy a noviny Telefónica O2 nabízí svým zákazníkům novou službu s názvem O2 Čtení. Ta umožňuje stahovat si noviny a časopisy do zařízení připojeného k internetu, a to bez čerpání datových […] Posted in Podnikání
19. 11. 2012 CZ.NIC hlásí 1 milion registrovaných domén .CZ Před malou chvílí oznámilo sdružení CZ.NIC rovný jeden milion registrovaných domén .CZ.
Je škoda, že ze statistik nelze vyčíst počet jednotlivých držitelů, protože je celkem jasné, […] Posted in Web
28. 5. 2025 Remarketing: Jak získat zpět nerozhodnuté zákazníky a proměnit váhání v konverzi V digitálním marketingu existuje nepřeberné množství strategií, jak přivést zákazníky na web. Ale co se stane, když už tam jsou – a stejně si nic nekoupí? Uživatel si prohlíží produkt, […] Posted in Marketing
