Afficher le thumbnail & button helper d'une FancyBox sans déclarer une class dans la balise <a>

**informer** · 01/03/2016, 00h35

Bonjour à tous,

Je tente de faire apparaitre le thumbnail et le bouton helper d'une FancyBox sans déclarée de class dans la balise <a> dans mon code HTML (voir ci-dssous)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<body>
...
<div id="wb_PhotoGallery1">
<div id="PhotoGallery1">
   <div class="thumbnails">
      <div class="thumbnail">
         <a href="images/WP_20151128_14_14_23_Pro.jpg" data-rel="PhotoGallery1" title="Calanques"><img alt="Calanques" src="images/tn_WP_20151128_14_14_23_Pro.jpg" title="Calanques"></a>
      </div>
      <div class="thumbnail">
         <a href="images/WP_20151128_15_35_41_Pro.jpg" data-rel="PhotoGallery1" title="Calanques"><img alt="Calanques" src="images/tn_WP_20151128_15_35_41_Pro.jpg" title="Calanques"></a>
      </div>
      <div class="thumbnail">
         <a href="images/WP_20151211_005.jpg" data-rel="PhotoGallery1" title="Calanques"><img alt="Calanques" src="images/tn_WP_20151211_005.jpg" title="Calanques"></a>
      </div>
      <div class="clearfix visible-col3"></div>
      <div class="thumbnail">
         <a href="images/WP_20151211_16_00_36_Pro.jpg" data-rel="PhotoGallery1" title="Calanques"><img alt="Calanques" src="images/tn_WP_20151211_16_00_36_Pro.jpg" title="Calanques"></a>
      </div>
      <div class="clearfix visible-col3"></div>
   </div>
</div></div>
</body>

Merci par avance pour toute aide sur le sujet

Be seeing you

**informer** · 01/03/2016, 10h26

Après moult tentatives, j'ai trouvé une solution:

Appeler dans $(document).ready(function(), le button et le thumbnail helper de la fancybox avec un sélecteur portant sur l'attribut [data-rel] de la balise <a>.

Ce qui donne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
   $(document).ready(function() {
	$("a[data-rel='PhotoGallery1']").fancybox(
	{ // API options
		helpers :
		{    buttons: {},
		      thumbs: {}
		}
	}); // fancybox
}); // ready

Be seeing you

Afficher le thumbnail & button helper d'une FancyBox sans déclarer une class dans la balise <a>

jQuery

Vue hybride

Discussions similaires

Partager

Partager