Accueil > Forum > > > > Changement d'image par touche et defillement
Changement d'image par touche et defillement
vendredi 27 octobre 2006 à 10:15:08 |
Changement d'image par touche et defillement

craft2005
|
Bonjour à tous ! Bon ya pas à dire, j'ai encore du mal à aligné deux lignes de code java devant moi. Bref j'espère que vous allez pouvoir éclaircir ma lanterne. Je souhaite un script Java qui lors du lancement (grâce à un bouton start), fais défiller une image (du haut vers la bas) une seule fois ! Rien que ça j'ai du mal ^^ Ensuite sur ce même script je souhaiterais qu'en fonction d'une touche appuyé l'image change. Je vous fait le film avec comme image un smiley : ..... Clique sur Start ! .... Ohh ... le Smiley descend dans un cadre .... Appuie sur "a" ... oh l'image change ! Appuie sur "b" roooh elle rechange ! L'image est arrivée en bas ! C'est fini ! The End .. *la salle se rallume* Je suis pas un grand fan de la demande express de scripts, mais je vais avoir besoin de vous sur ce coups là :) Merci d'avance ! Eddy. Post Scriptum : J'espère avoir posté au bon endroit, sinon sortez le fouet ^^
|
|
vendredi 27 octobre 2006 à 13:38:53 |
Re : Changement d'image par touche et defillement
|
vendredi 27 octobre 2006 à 14:33:11 |
Re : Changement d'image par touche et defillement

craft2005
|
Hello, Merci tout d'abord de ta réponse. J'ai effectué comme tu me l'as indiqué une recherche avec le mot "diaporama", mais je n'ai trouvé qu'un seul script utilisant les touches du clavier sur cette page. Cependant c'est le genre de script très bien foutu avec plusieurs fichiers de code, idéal si l'on veut avoir un diaporama, beaucoup moins si on veux le modifier. D'autres part, je cherche un script permettant un changement d'image par touche de clavier, et qui permet que cette image défile du haut vers le bas (le diaporama ne le propose pas). Merci de ton aide, si tu as une autre idée n'hésite pas  Eddy.
|
|
lundi 30 octobre 2006 à 14:54:20 |
Re : Changement d'image par touche et defillement

craft2005
|
Hello,
Petit UP ! Je cherche encore et toujours j'ai essayé de bidouiller quelques trucs pour avoir l'image qui change avec les touches mais rien n'y fait ... Merci de votre aide :)
Eddy.
|
|
lundi 30 octobre 2006 à 15:07:13 |
Re : Changement d'image par touche et defillement

bultez
|
Bonjour, >>j'ai essayé de bidouiller quelques trucs pour avoir l'image >>qui change avec les touches mais rien n'y fait et comment fais-tu ?
Cordialement Bul [ mon Site ] [ M'écrire ]
|
|
lundi 30 octobre 2006 à 16:37:09 |
Re : Changement d'image par touche et defillement

craft2005
|
Hello,
Et bien en fait j'ai essayé de partir de ce script qui permet le déplacement d'image à partir des touches :
<script language="JavaScript"> function frapper(code) { if(code==38) bouge(0,-20); if(code==39) bouge(20,0); if(code==37) bouge(-20,0); if(code==40) bouge(0,20); } if (navigator.appName=="Microsoft Internet Explorer") { function toucheA() {frapper(event.keyCode)}; document.onkeydown = toucheA;
} else { function toucheB(evnt) {frapper(evnt.keyCode)}; document.onkeydown = toucheB;
} </script>
<script language="javascript"> var hautimage = 250; var gaucheimage = 100;
document.write('<img src="01.gif" ID=smile style="position:absolute;top:'+hautimage+';left:'+gaucheimage+'">'); </script> <script language=JavaScript> function bouge(x,y) { if(document.getElementById) { hautimage += y; gaucheimage += x; document.getElementById("smile").style.top = hautimage; document.getElementById("smile").style.left = gaucheimage;
} } </script>
mais je n'ai pas réussi à en tirer grand chose en réalite. donc finalement j'ai juste réussi à faire ce bout de code :
<script type="text/javascript"> function lettretouche(keyStroke){ if(event.keyCode) touche = event.keyCode; else touche = keyStroke.which;
if(touche == 13){
document.write('<img src="1.gif">'); }
else if (touche == 97) {
document.write('<img src="2.gif">'); }
} document.onkeypress = lettretouche; </script>
Ce code marche plutôt bien, lorque que j'appuie sur la touche au début l'image se change, mais en appuyant sur l'autre touche il n'y a plus aucun changement.
Merci :) Eddy.
|
|
lundi 30 octobre 2006 à 18:13:34 |
Re : Changement d'image par touche et defillement

bultez
|
quand toutes les lignes d'un .html ont été interprétées, ce qui est le cas ici lors de l'appel de la fonction lettretouche, un document.write efface totalement la page, y compris le javascript. pour vérifier : après l'appui sur une touche, regarder la source : seule l'image reste dans la page. donc déjà, ici il faut remplacer le document.write par une modification de la position de l'image ( style.top et/ou style.left ) ( sans préjuger du reste ).
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 31 octobre 2006 à 13:01:54 |
Re : Changement d'image par touche et defillement

craft2005
|
Bonjour,
Je n'ai peut être pas très bien saisie le sens de votre commentaire, mais ce que je cherche ici ce n'est pas le déplacement d'un image, mais le changement de celle ci par une autre, et tout cela grâce à des touches. Je souhaitais m'inspiré du premier script pour arriver à mes fins (puisque ce script utilise les touches), mais sans y parvenir. Et donc par conséquent je ne pense pas qu'une modification de la position de l'image soit necessaire.
Cordialement, Craft.
|
|
mardi 31 octobre 2006 à 13:23:53 |
Re : Changement d'image par touche et defillement

bultez
|
>>1er message : fais défiller une image (du haut vers la bas) >>dernier message : ci ce n'est pas le déplacement d'un image
je n'ai probablement rien compris alors ! certes j'ai omis de dire que pour changer une image... il suffit de changer son src.
et tu n'as donc pas contrôlé ce que j'ai dit ?
Cordialement Bul [mon Site] [M'écrire]
|
|
mardi 31 octobre 2006 à 13:29:03 |
Re : Changement d'image par touche et defillement

craft2005
|
Effectivement je me suis peut ête mal exprimé. Le défillement d'image dont je parle dans mon premier message ne doit pas être contrôlé par les touches du clavier, mais doit s'effectuer automatiquement après lancement du script.
Et désolé, mais je suis novice en la matière, j'ai du mal à saisir comment réaliser une modification de la position image. Merci de ton aide bultez,
Cordialelement, Eddy.
|
|
Cette discussion est classée dans : image, changement, touche, mal, defillement
Répondre à ce message
Sujets en rapport avec ce message
changement d'images [ par bob ]
salut tout le monde ! existe il un script qui permet d'avoir une image qui change toutes les 10 secondes sur une page ? je ne veut pas réactualiser l
Changement d'image d'un autre frame [ par NiFF ]
Ma page est séparée en 2, et il y a deux frames : je voudrais que lorsque le visiteur clique sur une image de la frame de gauche, elle s'afiche dans u
Evenement sur image lorsque Mouseover sur un lien par exemple... [ par stained ]
Bonjour,je vais essayer d'etre clair...Soit un lien. Soit une image. J'aimerai qu'en passant sur le lien (Mouseover donc) il se produise un changement
changement image apres clic lien menu [ par Luluce25 ]
Bonjour,Je n'ai pas trouvé de solution à mon problème. Je m'explique.J'ai un menu en html : <di
Changement d'image lien hypertexte [ par psycomel ]
Bonjour a tous !Je cherche desperement à faire un mouseOver avec changement d'image avec asp.net.Je fait comme ca dans mon c# : ACCUEIL.Attributes.Add
changement image [ par Lobb88 ]
Bonjour,Je voudrais savoir qu'elle est le problème dans cette ligne de code, car elle ne fonctionne pas je ne comprend pas pourquoi.Sinon je
Changement d' une image [ par blacknaske ]
bonjour, je cherche un petit script en javascript me permettant de faire défiler une image( comme pour l'image d'une pub qui varie toute les 30 sec)
Changement d'image dynamique dans un tableau [ par ilprim ]
salut a tous, voila je voudrais savoir si vous avait des tutos ou des codes sources qui pourrais me permettre de modifier des images dans un tableau
Changement Image à intervalle régulier : probléme fluiditée [ par thierryd75 ]
Bonjour, J'ai trouvé ce bout de code sur internet qui peu servir à tous et permet de faire défiler des images, clicable à intervalles réguliers (exce
compte à rebours avec changement d'image [ par ravid87 ]
Bonsoir, voila j'ai un petit problème, le grand maître Yoogle n'a pas su me répondre précisément [^^sad1], enfaite je voudrais intégrer une image qui
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|