Galerie Fancybox groupes

J'utilise fancybox http://fancyapps.com/fancybox/, et ma question est:

Pourrais-je groupe les différentes ressources? Je veux dire les images en ligne ou vidéo dans la même galerie (ou "groupe"). Si oui, quelqu'un sait comment?

Ici un exemple qui ne fonctionne pas:

<a class="fancyinline" data-fancybox-group="testgroup" href="#cont3">Test</a>
<div class="fancyhidden" id="cont3">Test Content</div>
<a class="fancyimage" data-fancybox-group="testgroup" href="test.jpg" >
    <img src="test-th.jpg" alt="" />
</a>

fancyinline et fancyimage ne sont pas regroupés, mais j'ai tant besoin.
Bien sûr, j'ai besoin de différents paramètres pour les inlines et des images...

Vous en remercie d'avance.

OriginalL'auteur Andrey_ | 2012-05-20

  1. 10

    À des éléments du groupe pour la navigation à l'intérieur de la fancybox, vous devez définir la rel attribut sur chacun d'eux.
    La même rel valeur dira fancybox que tous d'entre eux sont à présent à la navigation si l'on est ouvert.

    Voir ce travail de Violon!

    EXEMPLE DE GROUPES DE

    HTML

    <a rel="example_group" title="Custom title" href="full_path_to_image.jpg">
  <img alt="" src="path_to_image_thumbs.jpg">
</a>
<a rel="example_group" title="Custom title" href="full_path_to_image.jpg">
  <img alt="" src="path_to_image_thumbs.jpg">
</a>

    JQUERY

    $("a[rel=example_group]").fancybox();

    GROUPE D'EXEMPLE, L'UN VISIBLE, RESTE CACHÉ

    HTML

    <a rel="group2" title="Custom title" href="full_path_to_image.jpg">
  <img alt="" src="path_to_image_thumbs.jpg">
</a>
<a rel="group2" title="" href="full_path_to_img.jpg" style="display:none;"></a>
<a rel="group2" title="" href="full_path_to_img.jpg" style="display:none;"></a>
<a rel="group2" title="" href="full_path_to_img.jpg" style="display:none;"></a>

    JQUERY

    $("a[rel=group2]").fancybox();
    Je le sais, il travaille pour l'image-groupes. J'ai besoin d' 'hétérogène' groupes (images, vidéo ou inlines tous dans le même groupe). Je'va ajout d'un exemple sur mon post.

    OriginalL'auteur Zuul

  2. 0

    Je fais comme ça

    $("#fancybox-manual-c").click(function() {
            $.fancybox.open([
                {
                    href : '1_b.jpg',
                    title : 'My title'
                }, {
                    href : '2_b.jpg',
                    title : '2nd title'
                }, {
                    href : '3_b.jpg'
                }
            ], {
                helpers : {
                    thumbs : {
                        width: 75,
                        height: 50
                    }
                }
            });
        });

    OriginalL'auteur ronux