Efektní zobrazení obrázků

Luboš Kudláček 24. 4. 2010 Rubrika: Web

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

3. 8. 2011 X-Men Origins: Wolverine V nabídce HBO je nyní kromě jiného také film X-Men Origins: Wolverine. Film, který dějem předchází již slavné sérii X-Menů. V recenzích a komentářích je hodnocen převážně negativně, já si […] Posted in Společnost
12. 4. 2014 Už také stárnetujete? Co to je stárnetování? Stárnetujte! Vyzývá nás už nějakou dobu hlas z jihočeských rádií. Co to ale je to stárnetování? Asi je i z reklamy jasné, že jde o projekt poskytovatele internetového připojení na jihu […] Posted in Technika, software, Jihočeský kraj
25. 3. 2010 Jak pracovat s šablonou WordPressu Pro redakční systém WordPress je zcela zdarma k dispozici mnoho motivů vzhledu. Instalovat se mohou přímo přes administraci, nebo klasickým způsobem stažením ze zdrojového webu a uploadu […] Posted in Web
12. 4. 2024 Termínované vklady: Bezpečná a Výnosná Investice pro Vaše Finanční Plány V termínovaných vkladech tkví mnoho výhod a přínosů pro ty, kteří hledají stabilní a bezpečný způsob zhodnocení svých financí. Tyto vklady představují oblíbenou formu investice, která […] Posted in Finance, ekonomika
5. 6. 2014 Pionýrský tábor Větrník (u Lipna) [foto] Dětský pionýrský tábor Větrník u vodní nádrže Lipno byl rekreační středisko jihočeských papíren ve Větřní a v Českých Budějovicích. Děti zaměstnanců těchto tenkrát státních podniků tam […] Posted in Cestování a turistika
12. 6. 2014 První vyděračský šifrovací malware pro Android Začátkem května se na virové scéně objevil trojan, detekovaný bezpečnostními řešeními ESET jako Android/Simplocker. Jde o obdobu obávaného Cryptolocker, který útočí na počítače s operačním […] Posted in Technika, software
13. 7. 2015 Končí Brokerjet od České spořitelny Česká spořitelna ukončí po dvanácti letech on-line obchodování s cennými papíry prostřednictvím platformy Brokerjet. Důvodem je malý zájem ze strany aktivních investorů. Společnost […] Posted in Finance, ekonomika
6. 5. 2010 Závislost na internetu? Nebo na Facebooku? Pamatujete si, jak docela nedávno všechna média publikovala zprávy o závislosti na "Internetu"? V Číně se dokonce rozhodli léčit tuto závislost elektrošoky, u nás se přemýšlelo, kolik […] Posted in Web
22. 6. 2015 Enviropol mezi 70 nejzajímavějšími firmami Enviropol je česká firma zabývající se zpracováním elektroodpadu. Minulý rok spustila v Jihlavě technologicky nejmodernější závod v Evropě a v projektu Mapa úspěchu sdružení CZECH TOP 100 […] Posted in Podnikání
4. 2. 2013 GTS a T-Mobile uzavřely partnerství v poskytování mobilních služeb v ČR Telekomunikační operátor a poskytovatel služeb datových center GTS a mobilní telekomunikační operátor T-Mobile dnes oznámili uzavření společné dohody o provozování mobilních služeb v České […] Posted in Technika, software