• Titulka
  • Podnikání
  • Marketing
  • Web
  • Finance, ekonomika
  • Technika, software
  • Cestování, turistika
  • Společnost
internetový magazín pro podnikavé lidi
Menu
  • Titulka
  • Podnikání
  • Marketing
  • Web
  • Finance, ekonomika
  • Technika, software
  • Cestování, turistika
  • Společnost
NETzin.cz > Web > Efektní zobrazení obrázků

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

  • 19. 12. 2013 Máme 1 100 000 českých domén Sdružení CZ.NIC, správce domény .CZ, zaevidovalo ve čtvrtek 19. prosince ve 3:18 doménu s pořadovým číslem 1 100 000. Od registrace jubilejní milionté domény tak uplynul přesně na den […] Posted in Web
  • 5. 5. 2014 UPC spouští telefonní aplikaci UPC Telefon Společnost UPC Česká republika spouští novou aplikaci UPC Telefon, která umožňuje telefonovat i přijímat hovory na mobilním zařízení za využití pevné linky. Telefonní hovory se realizují […] Posted in Technika, software
  • Pirátská strana trestně stíhána za web s odkazy21. 1. 2016 Pirátská strana trestně stíhána za web s odkazy Pirátská strana ve čtvrtek 21. ledna obdržela usnesení o zahájení trestního stíhání. Důvodem je dlouhodobá politická kampaň s názvem „Odkaz není zločin“, v jejímž rámci strana provozuje […] Posted in Web, Společnost
  • Od nápadu k realitě: Jak se rodí produkt krok za krokem19. 5. 2025 Od nápadu k realitě: Jak se rodí produkt krok za krokem Každý skvělý produkt začíná stejně – jako nápad. Může vzniknout ve sprše, při večerním pivu s kamarády, nebo jako zoufalá reakce na to, že vás něco fakt štve. Ale samotný nápad nestačí. […] Posted in Podnikání
  • 17. 5. 2016 Kasa.cz hlásí díky hokeji větší zájem o velké televize Úspěšné tažení českých hokejistů zvedá prodej televizí, za poslední týden jejich prodej meziročně vzrostl o 14 procent. Dnes to v Praze oznámila internetový nákupní galerie […] Posted in Podnikání
  • Přehled událostí v roce 200928. 12. 2009 Přehled událostí v roce 2009 Pojďme si společně připomenout některé více či méně důležité události z končícího roku 2009. Berte je jako výtah ze zpráviček weblogu, který předcházel Netzinu. ►V březnu nám Google […] Posted in Ostatní články
  • Sklik podporuje grafickou reklamu, partneři ve výchozím stavu „povoleno“11. 2. 2012 Sklik podporuje grafickou reklamu, partneři ve výchozím stavu „povoleno“ Sklik spustil možnost zobrazovat i grafickou reklamu, tedy bannery na webech partnerů. Pokud jste partner a máte reklamu Skliku na svém webu, je zobrazování této reklamy ve výchozím stavu […] Posted in Podnikání, Web
  • Nový unikátní projekt pro malé a střední firmy19. 7. 2010 Nový unikátní projekt pro malé a střední firmy Nový projekt pro malé a střední firmy: Marketing+Design Minulý měsíc byl spuštěn zcela nový, unikátní projekt Marketing+Design (M+D), který pomáhá vytvářet malým a středním firmám […] Posted in Ostatní články
  • 22. 10. 2010 Zajímavé aplikace pro Android Pouze 5 tipů majitele nového telefonu. Jelikož byl pro české uživatele zpřístupněn placený Android market a protože operační systém Android slaví úspěchy a jeho podíl na trhu roste, v […] Posted in Technika, software
  • Tvorba webu30. 6. 2021 Zájem o investiční byty je enormní a banky nestíhají vyřizovat hypotéky. Vyplatí se investice do nemovitosti? Pandemie covidu-19 nezastavila růst cen nemovitostí, ani neoslabila poptávku po bytech jakožto investičním nástroji. Spíše naopak, stále více Čechů vnímá investici do nemovitosti jako […] Posted in Finance, ekonomika
Web

Výběr redakce

Chorvatsko - pláž
Bez stresu k moři: Co zařídit před cestou autem do Chorvatska
káva - zrna
Druhy kávových zrn: Arabica, Robusta a další
Plešné jezero
Třístoličník, Trojmezná, Plechý – tip na skvělou šumavskou hřebenovku
TikTok
Jak zrychlit růst na TikToku: Strategie s nákupem sledujících
marketing
Kde firmy tratí peníze v marketingu: 5 nejčastějších chyb, kterým se vyhnout

Podnikání

brand Coca Cola
Budování značky od nuly: Co funguje a co ne
e-shop
E-shop od nuly: Co všechno potřebujete, než začnete prodávat online
Webhosting Weblobe

Finance

finance - mince
10 nejčastějších finančních chyb a jak je napravit
Chorvatsko - pláž
Bez stresu k moři: Co zařídit před cestou autem do Chorvatska

Web

RSS
Je RSS mrtvé? Jak odebírat novinky z webů bez algoritmů sociálních sítí
tvorba webu
20 tipů pro zajímavé použití kaskádových stylů (CSS) a HTML
responsivní web
Jak funguje webový responzivní design a proč je nutný

Marketing

brand Coca Cola
Budování značky od nuly: Co funguje a co ne
RSS
Je RSS mrtvé? Jak odebírat novinky z webů bez algoritmů sociálních sítí

Technika

5G vs. 6G
5G vs. 6G: Co můžeme čekat dál od technologií připojení k internetu a proč by nás to mělo zajímat
budoucnost
10 technologií, které do roku 2030 přepíšou pravidla hry a změní naše životy

Cestování

Chorvatsko - pláž
Bez stresu k moři: Co zařídit před cestou autem do Chorvatska
sinice
Co to jsou sinice a jak je poznat

Společnost

Minecraft
Minecraft – svět učení, zábavy a nekonečné tvořivosti
domov
Domov jako útočiště: Jak si vytvořit harmonické prostředí, které vás podpoří a nevyčerpá

archiv

Nejpoužívanější štítky

Android banky bezpečnost bydlení Cenzura CZ.NIC domény doprava děti e-shopy energie Facebook Google historie hypotéka internet investice knihy kultura LTE Microsoft mobilní telefon Média O2 odkazy peníze pluginy politika příroda půjčky reklama Samsung Seznam.cz Sklik Software stát T-Mobile Telefónica O2 televize Twitter UPC Vodafone Vánoce WordPress ČNB
Stránky jsou archivovány Národní knihovnou ČR
  • Pedia.cz
  • Štítky
  • Slovník pojmů
  • PR články a reklama
  • Posílejte nám tiskové zprávy
  • Luboš Kudláček – obsahový marketing
  • napište nám