OVH Cloud OVH Cloud

changer une image src selon un cookie

2 réponses
Avatar
Josselin
j'ai plusieurs pages page1.html, page2.html, etc... dans lesquelles
une image à afficher dépend de la valeur d'un cookie (ou s'il n'y a
pas de cookier, une image par défaut selon la page affichée).
Je pensais utiliser une fonction appelée depuis les paramètres src=,
class=, width=, height= du tag <img> mais cela ne marche pas.....
ex: src="javascript:displayImage('n')"
class="javascript:classImage('n')" ... ou n est le n° de la page
affichée.....
Il y a-t-il un moyen de faire autrement ?

merci

Joss

2 réponses

Avatar
ASM
j'ai plusieurs pages page1.html, page2.html, etc... dans lesquelles une
image à afficher dépend de la valeur d'un cookie (ou s'il n'y a pas de
cookier, une image par défaut selon la page affichée).
Je pensais utiliser une fonction appelée depuis les paramètres src=,
class=, width=, height= du tag <img> mais cela ne marche pas.....
ex: src="javascript:displayImage('n')"
class="javascript:classImage('n')" ... ou n est le n° de la page
affichée.....
Il y a-t-il un moyen de faire autrement ?


je comprends que tu crées et récupères le cookie via JS
que ce cookie comporte le numero de la photo ( ie : 'cookie_num_image')

donc dans la fonction de récup du cookie tu complètes par
la déclaration du src de la photo

puis tu assures son affichage après chargement de la page

function mes_cookies() {
// blabla de récup du numéro de photo : cookie_num_image
// ...
var chemin_dossier_images = '../photos/';
image_perso = chemin_dossier_images + cookie_num_image+'.jpg';
}
onload = function() { mes_cookies(); document.images['image_du_jour'].src=image_perso;}

ou (mais non compatible avec vieux navigateurs) :
onload = function() { mes_cookies(); document.getElementById('image_du_jour').src=image_perso;}

</script>
</head>
<body>
<img name="image_du_jour" id="image_du_jour" src="" alt="" />


--
Stephane Moriaux et son [moins] vieux Mac

Avatar
Josselin
Merci
Ca marche... je ne me suis jamais penché sur javascript.... je vais
essayer de lire un bouquin la-dessus...

joss

On 2006-01-14 12:04:43 +0100, ASM
said:

j'ai plusieurs pages page1.html, page2.html, etc... dans lesquelles
une image à afficher dépend de la valeur d'un cookie (ou s'il n'y a
pas de cookier, une image par défaut selon la page affichée).
Je pensais utiliser une fonction appelée depuis les paramètres src=,
class=, width=, height= du tag <img> mais cela ne marche pas.....
ex: src="javascript:displayImage('n')"
class="javascript:classImage('n')" ... ou n est le n° de la page
affichée.....
Il y a-t-il un moyen de faire autrement ?


je comprends que tu crées et récupères le cookie via JS
que ce cookie comporte le numero de la photo ( ie : 'cookie_num_image')

donc dans la fonction de récup du cookie tu complètes par
la déclaration du src de la photo

puis tu assures son affichage après chargement de la page

function mes_cookies() {
// blabla de récup du numéro de photo : cookie_num_image
// ...
var chemin_dossier_images = '../photos/';
image_perso = chemin_dossier_images + cookie_num_image+'.jpg';
}
onload = function() { mes_cookies();
document.images['image_du_jour'].src=image_perso;}

ou (mais non compatible avec vieux navigateurs) :
onload = function() { mes_cookies();
document.getElementById('image_du_jour').src=image_perso;}

</script>
</head>
<body>
<img name="image_du_jour" id="image_du_jour" src="" alt="" />