Discussion :

[brice97431]

Bonjour,

Je suis en train d'essayer de mettre en place un effet sur un texte de ma page web mais je n'y arrive pas.
L'effet en question est celui ci : http://tutorialzine.com/2011/09/shuf...effect-jquery/

J'aimerai mettre cet effet sur une balise <h1> donc si quelqu'un comprend son fonctionnement et qu'il peut m'éclairer ça serait super sympa .

Cordialement

[NoSmoking]

Bonjour,
quels soucis rencontres tu, la page mis en lien me paraît être très claire!

[Philcmoi]

Deja a l'index.html, change et commentes la ligne suivante:

Code :

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

1
2
3
4
5
6
7
8
 
<div id="container">Bienvenue sur mon site!</div>
 
		<input type="text" id="userText" />
       <footer>
<!-- 	        <h2>Shuffle Text Effect with jQuery</h2> -->
<!--             <a class="tzine" href="http://tutorialzine.com/2011/09/shuffle-letters-effect-jquery/">Read &amp; Download on</a> -->
        </footer>

Comme ça ca fait plus personnel mais si ca ne l'est pas.

Puis pour ton H1, change dans le fichier css:

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
 
/*----------------------------
	Container & textbox
-----------------------------*/
 
 
#container{
	color: #555;
	font-size: 58px;
	margin: 0 auto;
	padding: 200px 0 100px;
	width: 650px;
	position:relative;
	min-height: 90px;
 
	font-family:'Open Sans Condensed',sans-serif;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
}

enfin si tu veux editer ton propre text dans le fichier script.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// Leave a 4 second pause
 
	setTimeout(function(){
 
		// Shuffle the container with custom text
		container.shuffleLetters({
			"text": "Bienvenue"
		});
 
		userText.val("C'est pas sorcier..").fadeIn();
 
	},4000);

Voila à plus

[brice97431]

Merci à toi Philcmoi , grace à toi j'ai mieux étudier le code et j'ai enfin saisi son fonctionnement, encore merci