Úpravy a překlad FancyBoxu

1 Tipy & triky, JavaScript

FancyBox určitě patří mezi nejznámější lightboxy, přesto nenabízí jednoduchý překlad do jiných jazyků. Dnes vám ukážu, jak jsem tento problém vyřešil pro stránky s více jazykovými mutacemi, a rovnou opravil pár chyb a odstranil zbytečné kusy kódu.

Úpravy a překlad FancyBoxu

FancyBox 2

Ač se všude na internetu vyskytuje pouze FancyBox, je důležité zmínit, že je to již 2. verze, která byla přepsána od základů. Původní Fancybox vás rovnou odkáže ke stažení nové verze.

Mé úpravy

Jak jsem zmínil již dříve, úprav které jsem provedl je více než jen překlad.

Možnosti překladu

Bez úprav si Fancybox lze přeložit také, není to však tak jednoduché.

Zdrojové kódy

Mou upravenou verzi Fancyboxu si můžete stáhnout a používat. Nezapomeňte však, že Fancybox 2 je pod licencí

Z kódu jsem nic nesmazal, pouze za komentoval. Upravené řádky jsem pod komentářem zachoval a doplnil task tagem DONE. Pokud si kódy chcete porovnat, mohu doporučit PSPad, který nabízí Porovnání se souborem. Kódy nejsou minifikovány, využijte dříve napsaný článek o minifkaci skriptů

Porovnání souborů PSPad

Použití

Použití upraveného Lightboxu se neliší s původním, pouze je přidána vlastnost lang. a pro thumbnail helper vlastnost minWindowHeight. Pokud některou položku vynecháte, použije se originální v anglickém znění.

$("a.fancybox").fancybox({
  ...
  lang: {
    close: "Zavřít", // Tlačítko zavření i pro button helper
      error: "The requested content cannot be loaded.<br/>Please try again later.", // chyba při načítání
      next: "Další", //I pro button helper 
      prev: "Previous", // I pro button helper
      image: "Obrázek", // pro přidání do titulku Obrázek x z y 
      of: "z",
      play: "Pustit prezentaci", // Použití v button helper
      pause: "Zastavit prezentaci", // Použití v button helper 
      toggle: "Přepnout zobrazení" // Použití v button helper
  },
  helpers : {
    ...
    thumbs : {
      ...
      minWindowHeight: 650 //pod tuto hranici výšky okna se miniatury skryjí
    }
  }
});

Stažení a Demo

Přidat komentář

Položky označené * jsou povinné. Email nebude zveřejněn

Komentáře

Odporná knihovna :), taky jsem ji používal, ale jsou mnohem lepší.
Aktuálně využívam http://dimsemenov.com/plugins/magnific-popup/