Bonjour à tous

J'ai un soucis le plugin Jquery pong. Je dois l'intégrer sur un site web sous drupal. Le comportement attendu serait de ce genre là : au click sur un picto, le pong s'ouvre, se place a milieu du site en mode overlay (le reste de la page est grisé avec un peu d'opacity).

Pour le moment, j'ai récup la version la plus à jour : http://sourceforge.net/projects/jquerypong/

Depuis le site du développeur, le plugin est lancé depuis une div qui appel le js suivant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
//div en question
<div id="pong1" class="pong_demo"></div>
 
//Js
$(document).ready(function(){
    $(".pong_demo").pong({
        "speed":1500,
        "pad_height":100
    });
});
J'ai essayé de l'adapter mais ça ne fonctionne pas

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
 
//html
<div id="pong1" class="pong_demo"></div>
<img class="pictoA" src="sites/all/themes/TheTheme/images/pictoA.png">
 
 
//js
$("pictoA").click(function() {
    $(".pong_demo").pong({
        "speed":1500,
        "pad_height":100
    });
});
Si quelqu'un peut me donner un petit coup de main, ça serait sympa

Mer ci par avance.