AMapy na vlastních stránkách

Publikováno 30. 7. 2008 v kategorii IT | Přečteno: 666x
Žádné komentáře

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.

, , , ,
Celý článek

Lightbox2 česky

Publikováno 13. 7. 2008 v kategorii IT | Přečteno: 1,801x
4 komentářů »

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

, ,
Celý článek

Stáj Bělokozly – spokojenost

Publikováno 13. 7. 2008 v kategorii IT | Přečteno: 859x
Žádné komentáře

obr. staj-belokozlyPo dlouhé době jsme dostali zakázku na jednoduchý projekt, kde jsme měli absolutní volnost. Jednalo se o stránky pro Stáj Bělokozly, která poskytuje možnost ustájení koní a výcviku jízdy na koni v okolí Sázavy. Už první schůzka napovídala tomu, že tohle nebude práce, ale zábava. To se taky odrazilo na výsledku.

Lukáš se vyřádil na designu, který všude (diskuse.jakpsatweb.cz, webtr.cz, aj.) sklízí jen samé pochvaly. A abych se nenudil s kodérstvím, tak mi tam přidal pár vychytávek. Všimněte si například pravého koně v headeru (zkuste si zmenšovat a zvětšovat stránku až na 700px).
Aspoň jsem se ale přiučil něco nového. Dále mě tvorba těchto stránek obohatila využití Lightboxu 2 a možnosti mít AMapy.cz na vlastních stránkách. O tom ale později v jiných článcích ;)

Celý web jsme tvořili asi 14 dní a výsledek můžete vidět zde – Stáj-Bělokozly.cz.

Vaše názory a připomínky můžete zanechat v komentářích, protože si uvědomuji, že nic není dokonalé (natož tak my).

Celý článek