Div navigation et fondu d'entrée (fade in)

[jojo86]

Bonjour,

Je découvre Jimdo.
J'ai déjà développé des site web auparavant, en partant de rien (HTML, PHP, JAVASCRIPT).
J'ai adoré utiliser JQuery qui offre plein d'option d'affichage.

Je souhaite pouvoir créer des fondu d'entrée à l'ouverture du site, sur certaines balises, par exemple, un fondu d'entrée sur la balise "navigation".
Est-il possible d'utiliser JQuery avec Jimdo ? Existe-t-il un autre moyen de faire ça?

Je pensais gagner du temps, mais voilà deux jours que je suis sur ce problème...

Merci de votre aide.

[FredVig]

Oui c'est possible, (javascript, jquery, mootools, mais pas de Php évidemment)
Il y a une interface qui génère du code (css meta et importation des bibliothèque jquery etc.)
global ou par page, c'est le paramètre > "modifier le Head" (voir tutos de ce forum par exemple)
VOus pouvez ajouter du code javascript sur une page précise, avec un module "html".
Il n'est pas possible d'ajouter un code tout en bas de page, comme cela est parfois nécessaire.
Vous pouvez aussi développer un design personnel, mais il faut d'abord comprendre le fonctionnement particulier de jimdo et sa structure, ses balises aux noms spécifiques etc.
Mais de toute façon, si vous savez développer un site entièrement, L'intérêt de Jimdo risque de vous paraître moindre.

[FredVig]

Jimdo utilise déjà d'office des bibliothèques jquery dans sa structure, ce qui fait que certaines bibli ne sont pas compatibles et plantent le code quand on les importe. Je ne suis pas spécialiste, d'autres membres du forum sont bien plus habitués au javascript et jquery.

[jojo86]

Merci de ta réponse.
Je suis en train de tester, mais je n'y arrive pas.
Lien vers la page : http : http://totobobo.jimdo.com/testfondu/
Je voulais poster le code dans des balises code mais ça ne fonctionne pas, j'ai une erreur sur le forum...
J'ai donc remplacé les "<>" par "-"

J'ai modifié le header de la page pour intégrer le lien ver le fichier jquery comme ça :

Code:

-script src="http : http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js" type="text/javascript"-


-/script-


-script type="text/javascript"-
//<![CDATA[

    $(document).ready(function(){
            $("#testfondu").fadeIn(8000);
    });

//]]>


-/script-

J'ai ajouté un objet texte et j'ai ensuite cliqué sur le bouton </> pour ajouter ce code :

Code:


[size=12]-div id="testfondu"-[/size]
[size=12]-p-J'essaye de faire apparaître ce texte en fondu pour voir si ça fonctionne...-/p-[/size]
[size=12]-p-Mais visiblement &ccedil;a ne fonctionne pas !&nbsp;</p>[/size]
[size=12]-/div-[/size]

Lorsque je fais un aperçu de la page j'ai ceci :

Code:

      -div id="content_area" data-container="content"--div id="content_start"--/div-
        
        -div id="cc-matrix-2890522799"--div id="cc-m-11166251999" class="j-module n j-text "--div id="testfondu"-
    -p-
        J'essaye de faire apparaître ce texte en fondu pour voir si ça fonctionne...
    -/p-

    -p-
        Mais visiblement ça ne fonctionne pas ! 
    -/p-
-/div--/div--/div-
        
        -/div-
    -/div-


J'ai du louper un truc...

[jojo86]

Oups voila 2 heures que je tourne en rond, je poste le sujet et comme par miracle je trouve la solution...
Le problème venait du fait que mon text était déjà apparent lors de l'affichage de la page.
Il faut donc le masquer pour ensuite le faire apparaitre par fondu !

Code:

  $("#testfondu").hide().fadeIn(8000);

[Contenu sponsorisé]