FancyBox: otevření více obrázků z jediného
FancyBox tohle příliš nedokumentuje, ale občas je potřeba v dokumentu mít jediný obrázek a po kliknutí na něj jich v galerii zobrazit více.
Pomůže pohled do zdrojového kódu webu FancyBoxu.
Nejprve je potřeba vytvořit pole s obrázky. Podle komentáře to nemusí být vždy obrázky a je možné jim přiřadit další vlastnosti:
//List can contain mixed media too //Parameter "o" ir optional and used to override settings, example: {url: "http://www.google.com", title: false, o: {'frameWidth': 200} } var imageList = [ {url: "/img/examples/6_b.jpg", title: "First image"}, {url: "/img/examples/7_b.jpg", title: "Second image"}, {url: "/img/examples/8_b.jpg", title: "Third image"} ]; Pak je potřeba připravit funkci, která obrázky načte:
function getGroupItems(opts) { jQuery.each(imageList, function(i, val) { opts.itemArray.push(val);
}); } A nakonec ji zavolat při spuštění FancyBoxu. Slouží k tomu vlastnost itemLoadCallback:
$("a").fancybox({ 'itemLoadCallback': getGroupItems
}); 