18041 sujets

Questions générales et questions de débutants

Combo

Bonjour,
Je souhaiterai exécuter le même javascript sur une même page html pour produire le même effet sur des images différentes placées à l’intérieur d’un texte.
Page html :
http://jeuneloire.romane.free.fr/combo/Combohf.htm
Script :

Note du modérateur: voir un code plus complet plus bas.

Je tourne en rond et pour en sortir me tourne vers vous.
Merci d'avance de votre assistance.
Bien cordialement
Modifié par Florent V. (17 Mar 2010 - 18:43)
Salut et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

Bonne continuation Smiley smile

upload/1-code.gif
Désolé d'avoir fait une première mauvaise présentation, que le modérateur veuille bien accepter m'excuser.
Je réitère donc.

Question:
Je souhaiterai exécuter le même javascript sur une même page html pour produire le même effet sur des images différentes placées à l’intérieur d’un texte.

Adresse de l'exemple
http://jeuneloire.romane.free.fr/combo/Combohf.htm

#container {
	MARGIN: 0px; WIDTH: 890px; POSITION: relative; TEXT-ALIGN: left
}

#apDiv1 {
	MARGIN-TOP: 20px; FONT-SIZE: 14px; FLOAT: left; WIDTH: 380px; PADDING-TOP: 20px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 600px
}

#img12hours {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; LEFT: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 1px; WIDTH: 92px; POSITION: relative; TOP: 0px; HEIGHT: 68px; BORDER-RIGHT-WIDTH: 1px
}

#img12hours1 {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; LEFT: 0px; FLOAT: left; BORDER-BOTTOM-WIDTH: 1px; WIDTH: 92px; POSITION: relative; TOP: 0px; HEIGHT: 68px; BORDER-RIGHT-WIDTH: 1px
}


<SCRIPT type=text/javascript>
			var growImg = new Spry.Effect.Grow('img12hours', {duration: 500, from: '100%', to: '400%', toggle: true});
		</SCRIPT>

<SCRIPT type=text/javascript>
			var growImg = new Spry.Effect.Grow('img12hours2', {duration: 500, from: '50%', to: '200%', toggle: true});
</SCRIPT>

<SCRIPT src="ComboAssets/SpryEffects.js" type=text/javascript></SCRIPT>
<META content="MSHTML 6.00.2900.5803" name=GENERATOR>
</HEAD>

<BODY>
<DIV id=container>
<DIV id=apDiv1>
<DIV>
<IMG id=img12hours onclick=growImg.start(); alt=China src="ComboAssets/china_02.jpg" name=img12hours>
<br>
<br>
<hr>
<IMG id=img12hours2 onclick=growImg.start(); alt=Egypt src="ComboAssets/egypt_02.jpg" name=img12hours2>
</DIV>
<DIV style="CLEAR: both"> </DIV>
</DIV>
</DIV>
</BODY>

D'avance merci de votre aide
Bien cordialement
Modifié par Florent V. (17 Mar 2010 - 18:44)
Bonjour,

J'ai pris la liberté de remettre un peu en forme tes deux messages. L'utilisation du balisage BBcode était un peu hésitante. Smiley cligne

Quelques précisions à ce sujet:
- Tu peux éditer (=modifier) tes propres messages, grâce au bouton Éditer en haut à droite de chaque message. Si tu ne vois pas ce bouton, c'est que tu n'es pas connecté au forum. Pour information, le message de Mikachu comportait un lien en gras pointant vers des explications sur la manière d'éditer ses propres messages.
- Pas besoin de rajouter des couleurs à tes extraits de code, car justement il y a un système de coloration syntaxique qui s'en charge. Il suffit d'indiquer le langage de chaque extrait (comme tu l'as fait, d'ailleurs).
- Les liens sont transformés automatiquement en liens cliquable. La balise BBcode [ url ] est à utiliser uniquement pour faire des liens dont l'intitulé et l'URL sont différents (syntaxe: [ url=mon_url ]intitulé du lien[ /url ], sans espaces dans les balises).

Dernière remarque sur la forme (et après c'est fini): il serait bon d'avoir un titre plus explicite pour ce sujet. Avec un titre comme "Combo", la seule réponse que ça m'évoque est que tu peux linker un bas-médium-kick avec un hadoken, c'est très simple à faire comme combo.
Pour modifier le titre de ton sujet, il faut éditer le titre dans le tout premier message du sujet.
Modifié par Florent V. (17 Mar 2010 - 19:45)
Sujet clos
Aller à