Problemer med onclick på skiftende billeder
Hej derudeHvad skal man gøre for at man ikke skal klikke helt vildt på billedet, for at få den til at vise det i stor størrelse?
Link: http://www.djalfe.dk/projekt/javascript
selve scriptet:
var fadeHas = 5;
var fadeTime = 100;
var opacity = 0;
var i = 0;
var pic = 0;
function counter() {
if (i == 0) {
if (opacity == 100) {
i++
} else {
opacity += fadeHas;
}
} else if (i == 1) {
if (opacity == 0) {
i--
if (pic == 7) {
pic = 0;
} else {
pic++
}
} else {
opacity -= fadeHas;
}
}
setTimeout("fader()", fadeTime);
}
function fader() {
var myDiv1 = document.getElementById("myFaderDiv1");
myDiv1.insertAdjacentHTML("AfterBegin", "<a href=# onclick=view("+pic+");>");
var myDiv2 = document.getElementById("myFaderDiv2");
myDiv2.style.filter = "alpha(opacity="+opacity+")";
myDiv2.innerHTML = "<a href=# onclick=view("+pic+");><img src=pic/"+pic+"_small.jpg /></a>";
myDiv1.insertAdjacentHTML("BeforeEnd", "</a>");
counter();
}
function view(picNr) {
var myView = document.getElementById("myViewDiv2");
myView.innerHTML = "<img src=pic/"+picNr+"_big.jpg />";
}
function init() {
fader();
}
window.onload = init;
