Sujet Précédent Sujet Suivant

Permuter image en un clic et maintenir derniere image

Résolu/Fermé
Belyrion Messages postés 12 Date d'inscription mercredi 17 avril 2013 Statut Membre Dernière intervention 14 juin 2013 - 17 avril 2013 à 23:22
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 18 avril 2013 à 11:33
Bonjour,

Voila mon problème, je souhaite permuter 2 images quand je clique sur celle-ci, jusque la ça va mais je souhaiterai que la dernière image afficher reste quand je rafraichi la page.

par exemple up est afficher par défaut, je clique sur mon image et down s'affiche, je rafraichi ma page et down est toujours afficher, dans mon cas, à chaque fois ça revient sur up.

voici mon code : 

<!DOCTYPE html>
<html lang="fr">
 
<head>
<script langage="JavaScript1.2">
var tab_image = new Array(2);
for (var i=0; i< tab_image.length;i++)
	tab_image[i]= new Image();
tab_image[0].src='up.png';
tab_image[1].src='down.png';

var n=0;

function change() {
n= ++n;
if (n == tab_image.length) n=0;
window.document.image.src=tab_image[n].src;
}
</script>
</head>

<body>
<p><a href="javascript:change()"><img name="image" src="up.png"></a></p>
</body>


De plus est-il possible de rajouter du texte lié au image qui lui aussi permute en même temps ???
par exemple quand c'est mon image up.png qui est afficher -> le texte à droite affiche up, je clique sur mon image, elle change par down.png et le texte change aussi par down.
A voir également:

2 réponses

Réponse 1 / 2
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
17 avril 2013 à 23:53
Bonsoir,

Il faut comprendre quelque chose : quand on charge ou qu'on rafraichit un site, le navigateur va récupérer les informations sur le serveur où le site est stocké.

En aucun cas le Javascript, qui est un langage interprété par le navigateur, ne peut modifier durablement le code HTML/CSS de la page. Si vous permutez les images, cela ne sera valable que sur cet ordinateur, et ce jusqu'à ce que la page soit rechargée.

Il n'est pas possible de faire autrement sans utiliser du PHP afin de stocker dans une variable de session quelle photo doit être affichée.

Désolé...
1
Réponse 2 / 2
Belyrion Messages postés 12 Date d'inscription mercredi 17 avril 2013 Statut Membre Dernière intervention 14 juin 2013
18 avril 2013 à 10:34
Bonjour,

Je vous remercie pour votre réponse, justement c'est pour mettre sur un forum en php, pouvez-vous m'aider dans ce cas ??
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
Modifié par Mihawk le 18/04/2013 à 10:48
Cela demande quelques notions de PHP et j'AJAX que je vous conseille de rechercher un peu sur internet avant de vous lancer !

Quel CMS utilisez-vous pour le forum ? PHPBB ?
0
Belyrion Messages postés 12 Date d'inscription mercredi 17 avril 2013 Statut Membre Dernière intervention 14 juin 2013
Modifié par Belyrion le 18/04/2013 à 10:51
c'est un forum SMF : http://belyrion.free.fr/
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
18 avril 2013 à 10:53
Cela demande quand même quelques notions d'Ajax.
0
Belyrion Messages postés 12 Date d'inscription mercredi 17 avril 2013 Statut Membre Dernière intervention 14 juin 2013
18 avril 2013 à 10:55
d'accord, je ne connais pas Ajax, tant pis, merci beaucoup ^^
0
Belyrion Messages postés 12 Date d'inscription mercredi 17 avril 2013 Statut Membre Dernière intervention 14 juin 2013
18 avril 2013 à 11:16
si vous avez une idée à me proposer, je suis preneur sinon, c'est pas grave :)
0

Discussions similaires

Comment enlever le rouge sur la photo svp ?
lucas0909 -
bazfile -

11 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses
PIX
plart -
jordane45 -

1 réponse
sortir des réseaux sociaux
barbapapy -
Xileh -

1 réponse
Comment recadrer une image avec Inkscape
infofeet -
TELLIEZ -

13 réponses