Javascript imageswap probleem
Ik heb hierna lang gezocht kwam verschillende codes tegen maar geen ervan werkt. Zou iemand me kunnen helpen?
Hier is de code die ik gebruik -->
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<a href='' "<?php echo $this->createUrl("/admin/survey/sa/index"); ?>" src='/LimeSurvey/styles/scanyours/images/home.png' onclick="edit()"><img id="img1" onclick="imageChange(this)" alt='<?php $clang->eT("Default administration page");?>' />
<script type="text/javascript">
var img1 = "/LimeSurvey/styles/scanyours/images/home.png";
var img2 = "/LimeSurvey/styles/scanyours/images/home1.png";
{
var imageChoice = 1;
}
function imageChange(element)
{
if (imageChoice == 1)
{
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2)
{
element.src = img1;
imageChoice = 1;
}
}
</script></a>
<script type="text/javascript">
var img1 = "/LimeSurvey/styles/scanyours/images/home.png";
var img2 = "/LimeSurvey/styles/scanyours/images/home1.png";
{
var imageChoice = 1;
}
function imageChange(element)
{
if (imageChoice == 1)
{
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2)
{
element.src = img1;
imageChoice = 1;
}
}
</script></a>
Graag in het vervolg bij code, [code] [/code] tags gebruiken.[/modedit]
Gewijzigd op 23/04/2013 15:47:38 door Jan De Boskiets
Waar is src="...." bij <img>?
Dat hoefde niet, maar voor de duidelijkheid heb ik het evenm voor je gewijzigd!
Jan De Boskiets op 23/04/2013 14:33:04:
Alleen het enige probleem is dat hij in het begin niks laat zien.
Maar met die src="..." er in toch wel lijkt mij.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<img src="http://xpress.home.xs4all.nl/bke/img_X.png" onclick="imageChange(this)" />
var img1 = "http://xpress.home.xs4all.nl/bke/img_X_rd.png";
var img2 = "http://xpress.home.xs4all.nl/bke/img_X.png";
var imageChoice = 1;
function imageChange(element) {
if (imageChoice == 1){
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2) {
element.src = img1;
imageChoice = 1;
}
}
var img1 = "http://xpress.home.xs4all.nl/bke/img_X_rd.png";
var img2 = "http://xpress.home.xs4all.nl/bke/img_X.png";
var imageChoice = 1;
function imageChange(element) {
if (imageChoice == 1){
element.src = img2;
imageChoice = 2;
}
else if (imageChoice == 2) {
element.src = img1;
imageChoice = 1;
}
}
Aldus: http://jsbin.com/olomeb/4/edit
Gewijzigd op 23/04/2013 17:09:41 door Pieter R