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
17. 6. 2015 Nejvýznamnější firmy v ČR zvýšily své tržby o 7 %, zisky jim ale klesly Právě zveřejněné žebříčky CZECH TOP 100, které připravuje Sdružení CZECH TOP 100 na základě porovnání vybraných ekonomických ukazatelů, ukazují, že pro řadu firem nebyl rok 2014 ten […] Posted in Podnikání
18. 5. 2010 Novinka na www.ct24.cz: Diskuze propojené s Facebookem Zpravodajský portál ČT24 přechází na moderní systém diskuzních fór propojený se sociální sítí Facebook – přímo prostřednictvím svých osobních účtů nyní čtenáři komentují jednotlivé články […] Posted in Ostatní články
11. 2. 2010 Facebook zpřístupnil chat přes XMPP V praxi to znamená, že pro chatování na Facebooku již stačí pouze nějaký IM klient, který tento otevřený protokol podporuje. V jedné vhodné aplikaci tak můžete mít přátele z ICQ, dalších […] Posted in Web
2. 5. 2016 Tržby ČD – Telematiky přesáhly 1,5 miliardy korun ČD - Telematika a.s. poskytuje ICT řešení a služby v oblasti správy, údržby a výstavby telekomunikační infrastruktury. Významnou část svých obchodních aktivit směřuje do telekomunikačního […] Posted in Podnikání- 18. 9. 2014 Katedrální chrám sv. Mikuláše S výstavbou kostela bylo započato brzy po založení města. Pracovalo na něm mnoho stavitelů a stihla ho také velká pohroma v červenci 1641, kdy za velkého požáru úplně vyhořel. Do […] Posted in Jihočeský kraj
28. 7. 2015 Současné výhody a novinky ve stavebním spoření Za dvacet dva let své existence umožnilo stavební spoření získat nebo vylepšit bydlení statisícům českých domácností. Českomoravská stavební spořitelna poskytla letos milióntý úvěr ze […] Posted in Finance, ekonomika
11. 9. 2010 Go Daddy jde do aukce Společnost, kterou v roce 1997 založil Bob Parsons, vykázala v roce 2009 příjmy zhruba 750 až 800 milionů dolarů. Jde o největšího registrátora domén na světě (spravuje více než 43 milionů […] Posted in Ostatní články
24. 7. 2010 Facebook má půl miliardy uživatelů I když se z různých zdrojů ozývají negativní zprávy, sociální síť Facebook je stále na výsluní. Její zakladatel Mark Zuckerberg na firemním blogu 21.7.2010 potvrdil, že jeho dílo […] Posted in Marketing- 16. 12. 2010 3G síť od O2 pokryje již 84 měst ČR Telefónica O2 představuje další vánoční překvapení v Chytré síti. Pokrytí signálem 3G rozšiřuje do šesti nových měst ČR. Vánoce s rychlými datovými přenosy si tak užijí obyvatelé […] Posted in Technika, software
- 17. 7. 2014 QR kódy na památkách v Českých Budějovicích V Českých Budějovicích nyní turisté najdou na fasádách vybraných deseti historických památek QR kódy odkazující na podrobnější informace o daném objektu. Nové smaltované destičky […] Posted in Jihočeský kraj
