花式框-如何从单个缩略图显示幻灯片 [英] Fancy box - how to show slideshow from a single thumbnail

问题描述

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

My thumbnails are paginated so that on any one page there are only 6 thumbs, and about 4 pages (for a total of 24 images in a category)

如果我在页面之一上进行设置，它只会在该页面上显示6张相关图像.

if I set it up on one of the pages it just shows the 6 related images on that page.

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

How can I use Fancybox to show a slideshow of all 24 images?

非常感谢！

理查德

推荐答案

这就是我的方法(但是有多个方法)

this is how i do it (but with multiple)

/*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

this would launch the fancybox with as many images as you put in the array

这篇关于花式框-如何从单个缩略图显示幻灯片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！