begin process at 2012 05 28 23:56:53
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Evènements

 > 

Changement d'image par touche et defillement


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

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

nickadele

Membre Club Administrateur CodeS-SourceS
Bonjour,

Une petite recherche avec le mot 'diaporama' devrait t'aider.

Nickadele
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

Membre Club
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

Membre Club




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

Membre Club




>>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
Etonne.gif    je n'ai probablement rien compris alors !
Gaffe.gifcertes j'ai omis de dire que pour changer une image...
                    il suffit de changer son src.
Hein_2.gif    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.



1 2

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


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 2,512 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales