CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 23:56:18

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil > Forum >

JavaScript Orienté objet (POO)

changement d'image grâce à un clique hors de la balise principale

Poser une question dans le forum ou lancer une discussion

changement d'image grâce à un clique hors de la balise principale

jeudi 20 août 2009 à 21:22:36 | changement d'image grâce à un clique hors de la balise principale

matricule471

7 msg

Bonjour,

Je vais vous exposer mon problème

Code:

function Img(){
document.getElementById("centre").src = "img/imgL.jpg";
}
</script>
</head>

<body>
<div id="global">

<div id="center">
<div id="carre">
<img id="centre" src="img/Centre.jpg" />
</div>
<div id="imag">
<ul>
<li><a href="" onClick="javascript:Img();"><img src="img/img1.jpg"/></a></li>
</ul>
</div>

Dès que je presse sur l'image la function Img() est appelé et fonctionne bien. La src est changé ("img/imgL.jpg") correctement le seul problème c'est que l'ancienne src reviens (src="img/Centre.jpg") en une fraction de second donc je ne vois que imgL.jpg apparaitre très rapidement...

Débutant dans JS j'espère que vous pourrez rapidement m'aiguiller.

Cordialement

vendredi 21 août 2009 à 06:55:43 | Re : changement d'image grâce à un clique hors de la balise principale

Bul3

4459 msg

5142 msg CS

Réponse acceptée !

Bonjour,

car vous cliquez sur un lien
.... et que cela recharge la page

_ supprimer le lien, et mettez le onclick que l'image
_ ou modifier ce lien
d'ailleurs pourquoi ajouter un onclick la où
le href est la pour ça ?
<a href="javascript:void(Img());"><img src="img/img1.jpg"/></a>
ou
<a href="javascript:Img(); return false;"><img src="img/img1.jpg"/></a>

Cordialement [mon Site] [M'écrire] Bul

vendredi 21 août 2009 à 06:57:04 | Re : changement d'image grâce à un clique hors de la balise principale

Bul3

4459 msg

5142 msg CS

il fallait lire :
_ supprimer le lien, et mettez le onclick sur l'image

vendredi 21 août 2009 à 11:19:50 | Re : changement d'image grâce à un clique hors de la balise principale

matricule471

7 msg

Merci Bul3
Je pense que cette erreur est du à une mauvaise appréhension entre js et html. Débutant en JS je m'affole très rapidement dès que ça bug...

Tout fonction bien à présent; mais j'ai décidé de garder le lien pour avoir le curseur main lors du passage sur l'image (juste une question d'esthétique).

Encore merci

vendredi 21 août 2009 à 11:24:53 | Re : changement d'image grâce à un clique hors de la balise principale

Bul3

4459 msg

5142 msg CS

>>mais j'ai décidé de garder le lien pour avoir le
>>curseur main lors du passage sur l'image
et style="cursor:pointer;" ? ça ferait quoi ?

vendredi 21 août 2009 à 11:28:05 | Re : changement d'image grâce à un clique hors de la balise principale

matricule471

7 msg

Et bien cela marcherai drolement bien et on pourrait dire au revoir au lien

vendredi 21 août 2009 à 11:29:17 | Re : changement d'image grâce à un clique hors de la balise principale

Bul3

4459 msg

5142 msg CS

>>une mauvaise appréhension entre js et html.
euh ??
un lien, quoi qu'il arrive, recharge la page,
sauf si on lui dit de ne pas le faire ( en js )

vendredi 21 août 2009 à 11:31:36 | Re : changement d'image grâce à un clique hors de la balise principale

Bul3

4459 msg

5142 msg CS

euh pour moi

un lien, quoi qu'il arrive, recharge la page,
ou en charge une nouvelle si le bon target est mis,
si on ne lui dit pas de ne pas faire.

vendredi 21 août 2009 à 12:31:17 | Re : changement d'image grâce à un clique hors de la balise principale

matricule471

7 msg

je voulais dire une mauvaise appréhension de ma part

vendredi 21 août 2009 à 12:41:26 | Re : changement d'image grâce à un clique hors de la balise principale

Bul3

4459 msg

5142 msg CS

<humour>
j'eusse dit "compréhension js/html" n'est-il pas.
faudrait vérifier "appréhension du js et html " ;o)
</humour>
mais chacun ses goûts et les vaches seront bien gardées.

bon, on rigole, on rigole, mais
l'essentiel est que ça baigne
et mon foie, l'essentiel c'est le principal

Cette discussion est classée dans : image, img, jpg, src, imgl

Répondre à ce message

Sujets en rapport avec ce message

2 animations sur une meme page [ par fanouille ] bonjourJe veux faire une animation avec des photos qui défilent en boucle, jusque là pas de problème, ca marche.Et j'aimerais en faire plusieurs sur u CONTROLE SUR IMAGE EXTERNE / URL [ par Designotik_51 ] Salut tout le monde, g un problème qui me prend le chou depuis 2 jours.J'ai un formulaire composé de différents champs dont un qui correspond a une ad phototeque [ par guycnoel ] bonjour voici une page avec un code hyper simplifié qui affiche des petites photos (thumbs). quand on clique sur une de ces photos, une fenêtre window Insertion de fonction deplacement... ( je sais pas comment faire.. ) [ par Juheur ] Donc voila je vous explique simplement j,ai fais un code qui me permet de faire alternée des images... Le code marche super bien il alterne selon 10 pb debutant [ par catamenia ] Bonjour je débute en javascriptJ'essais de faire un diaporama avec affichage de miniatures Au chargement de ma page, le diaporama se lance bien mais l ajouter du code javascript a une page asp.net [ par koukou6311 ] Salut tous le monde voilà, je suis tombé sur ce code en javascript pour l'animation des images et j'ai essayé de l'implementer dans mon site sur visu Pb de mise a jour de l attribut src d'une balise img [ par baroutch ] BonjourJ'écris car j ai un petit probleme de mise a jour d une balise img qui a une source par défaut mais que je change apres avoir récupéré l'adress Récupération de l'attribut src sur image [ par s3rious974 ] Bonjour,Je suis novice en programmation, et je me trouve devant un dilemme. Je dois faire un top 3 par drag&drop. Pour cela j'ai fouillé et j'ai trouv Liste déroulante + Image [ par GaL34 ] Je fais appel à vous une fois de plus car ayant enfin réussi a crée ma liste déroulante avec un affichage de photo celle ci ne marche pas sous firefox Masquer une frame d'une fenêtre [ par meneer ] var flip = new Image; var flop = new Image; flip.src = "chemin/image2.gif"; flop.src = "chemin/ima

Livres en rapport

Les secrets de l'image vidéo

Illustrator 10 Studio Pro

Paint Shop Pro 7

Image et vidéo

Tous les livres pour Image, Img, Jpg, Src, Imgl

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Installation et configuration de blogs Wordpress
Budget : 8 500€
Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€

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