Comment faire pour que mon image devienne un lien

**pierrot10** · 25/06/2007, 16h09

Bonjou,
J'ai ce code qui me permets de faire une alternance d'image.
J'aimerais savoir comment je pourrais le transformer pour que chaque image soient un lien qui chaqu'un pointe sur une autre page

Je suis trop pro en Javascript et votre aid em serait d'une tres grande utilité

Voic le code, a savoir que la fonction est appeler depuis le <body onLoad="doncrion()">

L'image doit donc devenir un lien.
le liens sera

http://www.monsite.ch?id=tom&page=18

Donc pour etre encore plus claire,

pour l'image 18.jpg (voici ci-dessous), le lien sera http://www.monsite.ch?id=tom&page=18

pour l'image 24.jpg (voici ci-dessous), le lien sera http://www.monsite.ch?id=tom&page=24

pour l'image 30.jpg (voici ci-dessous), le lien sera http://www.monsite.ch?id=tom&page=30

pour l'image 23.jpg (voici ci-dessous), le lien sera http://www.monsite.ch?id=tom&page=23

Il faut donc impérativement que la variable page aie toujours la valeur de pic[] (voir ci-dessous)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
<script>
<!--
 
// Changer les variables suivantes
// =======================================
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
 
// Duration of crossfade (seconds)
var crossFadeDuration = 3
 
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
 
Pic[0] = 'img/research/18.jpg'
Pic[1] = 'img/research/24.jpg'
 
// =======================================
// Ne rien éditer au-dessous de cette ligne
// =======================================
 
var t
var j = 0
var p = Pic.length
 
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
 
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
</script>

Merci pour votre précieuse aide

**Sancho_54** · 25/06/2007, 16h31

Ajoute l'attribut href dans ta balise img et comme ca ton image sera un lien

**SpaceFrog** · 25/06/2007, 16h40

oulà href dasn une balise img ...

deux possibilités:

avec javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style='cursor:pointer;' onclick="self.location.href='autrepage.htm'" src='...' />

desavantage n'est pas reconnu par le moteurs de recherche et ne génère pas de referrer ...
Si javascript est désactivé, pas de lien ...

sans javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="autrepage.htm" style="text-decoration:none;"><img  src='...' /></a>

**pierrot10** · 25/06/2007, 16h41

comm eca?
bon te cache pa, j'ai essayé, mais rien (suis novice en javascript)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.images.SlideShow.href = "http://www.domaine .ch?id=re&page=preLoad[j]"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<script>
<!--
 
// Changer les variables suivantes
// =======================================
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000
 
// Duration of crossfade (seconds)
var crossFadeDuration = 3
 
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
 
Pic[0] = 'img/research/18.jpg'
Pic[1] = 'img/research/24.jpg'
 
// =======================================
// Ne rien éditer au-dessous de cette ligne
// =======================================
 
var t
var j = 0
var p = Pic.length
 
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
 
function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
document.images.SlideShow.href = "http://www.domaine .ch?id=re&page=preLoad[j]"
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
//-->
</script>

**pierrot10** · 25/06/2007, 16h45

merci space Frog. Mais le truc c'est que chaque image a un lien différent.
La variable "page" doit avoir la valeur de pic[j] qui est deéfini dans la fonction

**SpaceFrog** · 25/06/2007, 16h48

et ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
var ImgLink=document.createElement('a');
ImgLink.href=cequetuveux;
ImgLink.Style.textDecoration='none'
ImgLink.appendChild(TonImage)

**E.Bzz** · 25/06/2007, 16h51

...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

cequetuveux = pic[j];

A+

**SpaceFrog** · 25/06/2007, 20h45

Oui enfin ceci étant il y avait beaucoup plus simple en mettant la balsie a en dur ...
Mais bon ça fonctionne c'est l'essentiel ...

**pierrot10** · 25/06/2007, 20h49

oui, j'en doute pas, mais ceci m'a fait un super bon exercie, n'étant que novice Javascript.
Un truc de plus..

Comment faire pour que mon image devienne un lien

JavaScript

Vue hybride

Discussions similaires

Partager

Partager