Je suis nouveau à JavaScript et alors qu'il y ait beaucoup de solutions complexes, je ne les comprends pas et j'espère que je n'ai pas à faire à ce stade.
J'ai une photo principale ... P >
function FirstPic(){
document.Mainpic.src = document.pic1.src
return
}
function SecPic(){
document.Mainpic.src = document.pic2.src
return
}
3 Réponses :
Je pense que ça retourne en arrière parce que votre page rechargeait.
Vous devez retourner false de votre ONCLICK = si vous ne voulez pas que la valeur HREF = ACTIVER après votre ONCLICK.
Aussi, vous pouvez définir href = "#" au cas où. # ne va nulle part (ne rechargez jamais la page)
À une autre note, je pense que vous pouvez supprimer une balise de liaison et écrire l'événement de clic sur l'image elle-même.
Jasonwoof, qui a fonctionné parfait, merci. Cependant, la réponse de Biswanath travaillé est parfaite aussi et était plus efficace, donc je viens de me débarrasser de l'étiquette de liaison.
L'ajout de # permettra de faire défiler jusqu'au sommet de la page, si la page est défilable et ajoutez une étape dans la liste d'historique. Donc, vous avez vraiment besoin de retourner faux du gestionnaire
Je pense que votre page est actualisée par votre clic, modifiez vos liens comme:
<a href="" onclick="FirstPic(); return false;"><img src="replacement1.jpg" name="pic1"></a> <a href="" onclick="SecPic(); return false;"><img src="replacement2.jpg" name="pic2"></a>
Pourquoi ne pas faire quelque chose comme ceci (n'a pas vérifié la syntaxe à la fois, il peut donc être défectueux.
<img onclick='FirstPic()' id='pic1' src='image1.jpg' />