Home/ Questions/Q 9046679
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T11:42:38+00:00

How does fancybox determine the ‘next’ or ‘previous’ image in a gallery? I have

  • 0

How does fancybox determine the ‘next’ or ‘previous’ image in a gallery?

I have a page with photos on it arranged in vertical columns and want to understand fancybox’s behavior.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Fancybox selects all of the links on images in the DOM, ordered by your CSS selector.

    upd: sample

    <h1> gallery 1</h1>
<a href="urltodetail1.jpg" rel="gallery1"><img src="thumb1.jpg></a>
<a href="urltodetail2.jpg" rel="gallery1"><img src="thumb2.jpg></a>
<a href="urltodetail3.jpg" rel="gallery1"><img src="thumb3.jpg></a>

<h1> gallery 2 </h1>
<a href="urltodetail4.jpg" rel="gallery2"><img src="thumb4.jpg></a>
<a href="urltodetail5.jpg" rel="gallery2"><img src="thumb5.jpg></a>
<a href="urltodetail6.jpg" rel="gallery2"><img src="thumb6.jpg></a>

$("a[rel=gallery1],a[rel=gallery2]").fancybox();

    http://jsfiddle.net/PfaXm/

    • 0