AMapy na vlastních stránkách

ApiKdyž jsem vytvářel stránky pro Stáj Bělokozly (ustájení koní), byla jedním z požadavků interaktivní mapa. Prvním z adeptů byly samozřejmě Google maps, ale pak jsem se dozvěděl o API od Seznamu a Atlasu. Řekl jsem si, že čeští uživatelé internetu jsou již s těmito mapami zvyklí pracovat a tak nejlepší bude zvolit právě jednu z nich. K AMapám mě nakonec rozhoupal právě článek od Radka Hulána. Samotné vytvoření mapy podle Vašich přání už není tak složité a hodně Vám k tomu pomůže taky návod přímo na stránkách od API AMapy.

Jen bych chtěl dodat dvě upozornění. AMapy potřebují pro správné fungování standardní vykreslovací režim u IE. To znamená, že kdo shazuje tento prohlížeč stránkami do QUIRK módu moc neuspěje. A druhý problém, na který jsem narazil, byla kolize s Lightboxem2. U mapy Vám potom nebude fungovat zoomování a mapa se bude zasekávat a nebude funkční. Proto jsem tedy Lightbox2 musel na stránce s mapou vypínout. Nechtěl jsem se v Lightboxu nějak hrabat, tak jsem použil pro mě méně pracnou cestu.

Lightbox2 česky

obr. lightbox2Pro webové stránky staj-belokozly.cz jsem hledal nějakou hezkou možnost zobrazování fotek z galerie. Už delší dobu jsem narážel na magické ztmavnutí celé stránky a postupného vyskočení fotky v hezky upraveném okně s popisem a možností “Další” a “Předchozí” foto. A tak jsem si řekl, že tím stránky taky vyšperkuji. Po chvíli brouzdání jsem tento efekt na jistých stránkách objevil a dal jsem se do podrobného zkoumání. Zjistil jsem, že jde o Lightbox2. Na těchto stránkách najdete podrobný návod, jak vše zprovoznit. Nebudu ho zde překládat.

Trošičku mi ale vadilo, že uživatelé, kteří příjdou na stránky staj-belokozly.cz možná nebudou sběhlí v angličtině a tak je slovíčka jako “Next”, “Prev” nebo “Close” vystraší. Českou verzi jsem na internetu ke stažení nenašel a tak Vám dám možnost si ji stáhnout zde – česká verze Lightbox2.

Šlo o počeštění textů “Image .. of ..” na “Obrázek .. z ..”. Toto nastavení provedete v souboru lightbox.js. Ve stejném souboru také nastavíte klávesy na pohyb mezi obrázky ve fotogalerii. Defaultně je zde nastaveno P na volbu zpět (Previous) a N na další fotku (Next). Pak už jen stačilo zaměnit obrázky s texty – prevlabel.gif, nextlabel.gif a closelabel.gif.

K Lightbox2 existuje další spousta alternativ – Greybox, Slimbox a jiné. Plaváček mi poradil zkusit Thickbox