Discussion :

[aeroweb340]

Bonjour,
J'utilise un site sous drupal 7. Je souhaiterai mettre un fade in/out effect sur mes pages et les liens.
Jquery est intégré par default dans le coeur de drupal 7.
Il me suffit de créer un fichier script.js que je met dans le dossier du theme avec ce code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// jQuery for Drupal 7 [BEGIN]
(function ($) {
// [jQuery BEGIN] début des fonctions
$(document).ready(function() {
// ****************************************************************
/* votre code jQuery ici !! */
// ****************************************************************
// [jQuery END] fin des fonctions
});
// jQuery for Drupal 7 [END]
}(jQuery));

Ensuite je déclare le script.js dans le .info de mon thème:

Code :

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

scripts[] = script.js

Pour la partie Jquery je ne sais pas quoi faire. Quel code faut il mettre ?

J'ai pu voir ce tutoriel http://www.onextrapixel.com/2010/02/...e-transitions/

Malheureusement ça ne marche pas, j'ai essayé de copier le code Jquery qu'ils proposent mais sans résulats.

Merci pour votre aide.

Bonne journée

[SpaceFrog]

la lib est installée ?
http://www.developpez.net/forums/d89...ez-faq-jquery/

[aeroweb340]

Oui la lib installée. Ca ne marchait pas car il fallait aller dans apparence switcher de theme et revenir pour le forcer à lire .info.

Maintenant ca marche par contre le jQuery qu'il propose sur le site plus haut ne suffit pas pour drupal car la page se charge et uniquement apres il fait l'effet jquery. Il faudrait que l'effet s'applique avant de voir la page ça serait mieux

Je n'ai pas trouvé la solution pour ça.

Voici le code que j'ai utilisé :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// Hide page
//then fades it in.
jQuery(document).ready(function(){
 jQuery(window).bind("unload", function() {
});
jQuery("#page").css("display", "none");
 
jQuery("#page").hide();
 
jQuery("#page").fadeIn(700);
});