Billeder skal FADE stille og roligt imellem hinanden (alle sammen)
Kære alleJeg har absolut intet viden om JavaScript - ovehovedet ;-)
Det er dog lykkedes mig - med god hjælp fra venner på Eksperten.dk at få lavet følgende:
På www.jasperfoto.dk har vi i bunden af hjemmesiden en filmstrimmel, der viser forskellige små billeder...
Dette fungerer fint og har sådan set gjort det OK et stykke tid...
MEN - Hver gang jeg kigger på siden, bliver jeg irreteret over, hvordan billederne "fader" når der skiftes billeder !!
Det er lige som overgangen fader én gang - derefter BANG - og så fader den igen næste gang og så BANG !!
Kan I forstå ??
Fader - Fader ikke - Fader - Fader ikke...........
Mit ønske er, at alle billeder Fader stille og roligt ind og ud !!
Forstår i ??
Hvad pokker kan der gøres ? Nogen der kan hjælpe mig ?
Er det denne fil der skal rettes i, eller hvad ??
På forhånd tak for hjælpen ;-)
Fortsat god dag
/Peter
mintid = 3; //Minimum antal sekunder mellem hvert skift
makstid = 10; //Maksimum antal sekunder mellem hvert skift
bill = new Array();
bill[0] = new Array();
bill[0][0] = "strimmel/upload/01.jpg"; //Det første billede på den første plads
bill[0][1] = "strimmel/upload/02.jpg"; //Det andet billede på den første plads
bill[0][2] = "strimmel/upload/03.jpg"; //Det tredje billede på den første plads
bill[0][3] = "strimmel/upload/04.jpg";
bill[0][4] = "strimmel/upload/05.jpg";
bill[0][5] = "strimmel/upload/06.jpg";
bill[0][6] = "strimmel/upload/07.jpg";
bill[0][7] = "strimmel/upload/08.jpg";
bill[0][8] = "strimmel/upload/09.jpg";
bill[1] = new Array();
bill[1][0] = "strimmel/upload/11.jpg"; //Det første billede på den anden plads
bill[1][1] = "strimmel/upload/12.jpg"; //Det andet billede på den anden plads
bill[1][2] = "strimmel/upload/13.jpg"; //Det tredje billede på den anden plads
bill[1][3] = "strimmel/upload/14.jpg";
bill[1][4] = "strimmel/upload/15.jpg";
bill[1][5] = "strimmel/upload/16.jpg";
bill[1][6] = "strimmel/upload/17.jpg";
bill[1][7] = "strimmel/upload/18.jpg";
bill[1][8] = "strimmel/upload/19.jpg";
bill[2] = new Array();
bill[2][0] = "strimmel/upload/21.jpg"; //Det første billede på den tredje plads
bill[2][1] = "strimmel/upload/22.jpg"; //osv.
bill[2][2] = "strimmel/upload/23.jpg";
bill[2][3] = "strimmel/upload/24.jpg";
bill[2][4] = "strimmel/upload/25.jpg";
bill[2][5] = "strimmel/upload/26.jpg";
bill[2][6] = "strimmel/upload/27.jpg";
bill[2][7] = "strimmel/upload/28.jpg";
bill[2][8] = "strimmel/upload/29.jpg";
bill[3] = new Array();
bill[3][0] = "strimmel/upload/31.jpg";
bill[3][1] = "strimmel/upload/32.jpg";
bill[3][2] = "strimmel/upload/33.jpg";
bill[3][3] = "strimmel/upload/34.jpg";
bill[3][4] = "strimmel/upload/35.jpg";
bill[3][5] = "strimmel/upload/36.jpg";
bill[3][6] = "strimmel/upload/37.jpg";
bill[3][7] = "strimmel/upload/38.jpg";
bill[3][8] = "strimmel/upload/39.jpg";
bill[4] = new Array();
bill[4][0] = "strimmel/upload/41.jpg";
bill[4][1] = "strimmel/upload/42.jpg";
bill[4][2] = "strimmel/upload/43.jpg";
bill[4][3] = "strimmel/upload/44.jpg";
bill[4][4] = "strimmel/upload/45.jpg";
bill[4][5] = "strimmel/upload/46.jpg";
bill[4][6] = "strimmel/upload/47.jpg";
bill[4][7] = "strimmel/upload/48.jpg";
bill[4][8] = "strimmel/upload/49.jpg";
bill[5] = new Array();
bill[5][0] = "strimmel/upload/51.jpg";
bill[5][1] = "strimmel/upload/52.jpg";
bill[5][2] = "strimmel/upload/53.jpg";
bill[5][3] = "strimmel/upload/54.jpg";
bill[5][4] = "strimmel/upload/55.jpg";
bill[5][5] = "strimmel/upload/56.jpg";
bill[5][6] = "strimmel/upload/57.jpg";
bill[5][7] = "strimmel/upload/58.jpg";
bill[5][8] = "strimmel/upload/59.jpg";
bill[6] = new Array();
bill[6][0] = "strimmel/upload/61.jpg";
bill[6][1] = "strimmel/upload/62.jpg";
bill[6][2] = "strimmel/upload/63.jpg";
bill[6][3] = "strimmel/upload/64.jpg";
bill[6][4] = "strimmel/upload/65.jpg";
bill[6][5] = "strimmel/upload/66.jpg";
bill[6][6] = "strimmel/upload/67.jpg";
bill[6][7] = "strimmel/upload/68.jpg";
bill[6][8] = "strimmel/upload/69.jpg";
bill[7] = new Array();
bill[7][0] = "strimmel/upload/71.jpg";
bill[7][1] = "strimmel/upload/72.jpg";
bill[7][2] = "strimmel/upload/73.jpg";
bill[7][3] = "strimmel/upload/74.jpg";
bill[7][4] = "strimmel/upload/75.jpg";
bill[7][5] = "strimmel/upload/76.jpg";
bill[7][6] = "strimmel/upload/77.jpg";
bill[7][7] = "strimmel/upload/78.jpg";
bill[7][8] = "strimmel/upload/79.jpg";
bill[8] = new Array();
bill[8][0] = "strimmel/upload/81.jpg";
bill[8][1] = "strimmel/upload/82.jpg";
bill[8][2] = "strimmel/upload/83.jpg";
bill[8][3] = "strimmel/upload/84.jpg";
bill[8][4] = "strimmel/upload/85.jpg";
bill[8][5] = "strimmel/upload/86.jpg";
bill[8][6] = "strimmel/upload/87.jpg";
bill[8][7] = "strimmel/upload/88.jpg";
bill[8][8] = "strimmel/upload/89.jpg";
pb = new Array();
for (i = 0; i < bill.length; i++) {
pb[i] = new Array();
for (n = 0; n < bill[i].length; n++) {
pb[i][n] = new Image();
pb[i][n].src = bill[i][n];
}
}
bobj = new Array();
bt = new Array();
ie = (document.all && navigator.appName.indexOf("Opera") == -1);
li = (document.all)
function initSlide() {
temp = getPos();
x = temp[0];
y = temp[1];
for (i = 0; i < bill.length; i++) {
bobj[i] = new Array();
bobj[i][0] = bobj[i][1] = document.createElement("img");
bobj[i][0].style.position = bobj[i][1].style.position = "absolute";
bobj[i][0].style.left = bobj[i][1].style.left = x + 6 + i * 111 +"px";
bobj[i][0].style.top = bobj[i][1].style.top = y + 22 +"px";
bobj[i][0].style.width = bobj[i][1].style.width = "102px";
bobj[i][0].style.height = bobj[i][1].style.height = "67px";
bobj[i][0].style.zIndex = 3;
bobj[i][1].style.zIndex = 2;
if (ie)
bobj[i][0].style.filter = bobj[i][1].style.filter = "alpha(opacity=100)";
else
bobj[i][0].style.MozOpacity = bobj[i][1].style.MozOpacity = 1;
bobj[i][0].src = pb[i][0].src;
bt[i] = 1;
document.body.appendChild(bobj[i][0]);
document.body.appendChild(bobj[i][1]);
}
for (i = 0; i < bill.length; i++)
setTimeout("slide(" + i + ")", tilf());
}
function getPos() {
obj = document.getElementById("strimmel");
x = y = 0;
while (ie && obj.parentElement || obj.offsetParent) {
x += obj.offsetLeft;
y += obj.offsetTop;
obj = (ie) ? obj.parentElement : obj.offsetParent;
}
return new Array(x, y);
}
function slide(i) {
if (bt[i] >= bill[i].length)
bt[i] = 0;
akt = bt[i] % 2;
bobj[i][1 - akt].src = pb[i][bt[i]].src;
for (n = 1; n <= 10; n++) {
if (ie)
setTimeout("bobj[" + i + "][" + akt + "].filters.alpha.opacity = " + (10 * n), 100 * (n - 1));
else
setTimeout("bobj[" + i + "][" + akt + "].style.MozOpacity = " + (n / 10), 100 * (n - 1));
}
setTimeout("bobj[" + i + "][" + akt + "].style.zIndex = 2; bobj[" + i + "][" + (1 - akt) + "].style.zIndex = 3", 1000);
bt[i]++;
setTimeout("slide(" + i + ")", tilf());
}
function tilf() {
return Math.round(Math.random() * (makstid - mintid) + mintid) * 1000;
}
function paaPlads() {
temp = getPos();
x = temp[0];
y = temp[1];
for (i = 0; i < bill.length; i++) {
bobj[i][0].style.left = bobj[i][1].style.left = x + 6 + i * 111 +"px";
bobj[i][0].style.top = bobj[i][1].style.top = y + 22 +"px";
}
}
function vislag(str,f){
e = document.getElementById('tip');
e.style.top = (li)?f.clientY+(document.body.scrollTop+20)+"px":f.pageY+20+"px";
e.style.left = (li)?f.clientX+document.body.scrollLeft+"px":f.pageX+"px";
vis = (e.style.display=='none')?1:0
if(vis){
e.innerHTML=str;
e.style.display = "inline";
}
}
function skjul(){
document.getElementById('tip').style.display = "none";
}
