精美的盒子 - 如何从单个缩略图显示幻灯片

时间:2012-01-10 07:59:30

标签: jquery fancybox

我的缩略图是分页的,因此在任何一个页面上只有6个大拇指,大约4页(一个类别中总共24个图像)

如果我在其中一个页面上进行设置,则只显示该页面上的6个相关图像。

如何使用Fancybox显示所有24张图片的幻灯片?

非常感谢提前!

理查德

1 个答案:

答案 0 :(得分:2)

这是我如何做的(但有多个)

/*Fotos de la galeria*/
var galPhotos = [{
  href: '../img/galeria/fondo1.jpg',
  'nextEffect': 'fade',
  'prevEffect': 'fade'
}, {
  href: '../img/galeria/fondo2.jpg',
  'nextEffect': 'fade',
  'prevEffect': 'fade'
}, {
  href: '../img/galeria/fondo3.jpg',
  'nextEffect': 'fade',
  'prevEffect': 'fade'
}, {
  href: '../img/galeria/fondo4.jpg',
  'nextEffect': 'fade',
  'prevEffect': 'fade'
}, {
  href: '../img/galeria/fondo5.jpg',
  'nextEffect': 'fade',
  'prevEffect': 'fade'
}, {
  href: '../img/galeria/fondo6.jpg',
  'nextEffect': 'fade',
  'prevEffect': 'fade'
}];
$('a#gallery').live('click', function() {
  $.fancybox(galPhotos);
});

这将启动fancybox,其中包含与放入数组中的图像数量相同的图像