Zoombox V2

hatfab
Javascript

Bonjour,
Je rencontre un problème dans Safari et Chrome avec les galeries Zoombox V2. Lorsque je clique sur mon lien qui doit lancer la galerie, la première image apparaît tassée sur le haut de la frame :
.

Voici le code utilisé

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="js/zoombox/zoombox.js"></script>
<link href="js/zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />

(…) 

<tr>
            <td class=cell1 onmouseover="this.className='cell1over'" onmouseout="this.className='cell1'"></td>
            <td class=cell2 onmouseover="this.className='cell2over'" onmouseout="this.className='cell2'"><a class="zoombox zgallery4" href="http://www.cafe-copines.com/test/wp-content/themes/Cafe-copines/imgbook/IMG2.JPG"><h6>Zanimos</h6></a></td>
            <td class=cell4 onmouseover="this.className='cell4over'" onmouseout="this.className='cell4'"></a></td>
        </tr>

(…) 

<div class=zanimos>  
            <a class="zoombox zgallery4" href="http://www.cafe-copines.com/test/wp-content/themes/Cafe-copines/imgbook/jackson3.jpg"></a>
            <a class="zoombox zgallery4" href="http://www.cafe-copines.com/test/wp-content/themes/Cafe-copines/imgbook/fbchien.jpg"></a>
            <a class="zoombox zgallery4" href="http://www.cafe-copines.com/test/wp-content/themes/Cafe-copines/imgbook/camilla.jpg"></a>
      </div>

Merci de votre aide.

1 réponse

hatfab
Auteur
Réponse acceptée

J'ai trouvé le problème : pour une ouverture instantanée, il ne faut pas régler la duration sur 0 ms, il faut mettre au minimum 1 ms.

<script type="text/javascript">
jQuery(function($){
      $('a.zoombox').zoombox({
        duration : 1,
        opacity : 0.8,
        gallery : true,
        theme : 'simple'
      });
});
</script>