Bonjour,

J'utilise la librairie fancybox :

Code : 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
23
 
<?php
use_helper('JavascriptBase');
use_javascript('jquery.js');
use_stylesheet('jquery.fancybox.css');
use_javascript('jquery.fancybox.js');
?>
<?php javascript_tag(); ?>
$(".cadre_prix").hover(
    function() {
     $.fancybox.showActivity();
});
<?php end_javascript_tag(); ?>
 
<div class="ligne">
    <ul>
        <li>
                    <div class="cadre_prix">
                        blablablabla
                    </div>
        </li>
    </ul>
</div>
Malheureusement, l'animation ne se voit pas.
En faisant un firebug et une inspection de la page, je "vois" :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
<div id="fancybox-loading" style="display: block;">
<div style="top: -40px;"></div>
</div>
la propriété top change sans arrêt ce qui prouve que l'animation tourne.
Bizarre.
Si cela peut vous aider, je développe sous symfony/eclipse
Dans web/images j'ai le dossier "fancybox" qui contient les images.
et dans web/css son css "jquery.fancybox.css"