images slideshow med fade funktion hjælp!!
HejJeg har fundet dette script, men syns ikke det virker helt optimalt.
Når billederne fader ind, giver det et blink..
Jeg tænkt på om man ikke kan lave det sådan at det gamle fader ud i mens at det nye fader ind, så man ligsom kan se de to bileder som kryders hinanden.
Her er script.
<script type="text/javascript">
<!--
var img = new Array(3),nr = 0, d = document;
// Hvor hurtigt skal den fade
var fadespeed= 50;
// step for fade
var step = 1;
// Hvor lang tid skal der gå inden næste billede?
var pause = 10;
// Stierne til billederne
img[0] = "images/band3.jpg"
img[1] = "images/band2.jpg"
img[2] = "images/billede.jpg"
function fadeimg(f){
if (!f)opac = 0; // Nulstil filtre
if (f && opac < 100) {
opac += step;
var ft = setTimeout('fadeimg(true);',fadespeed);
}
if (d.getElementById){
style = d.getElementById('curImg').style; // Filtre til fade
style.filter = 'alpha(opacity:'+opac+')'; // Safari<1.2, Konqueror
style.KHTMLOpacity = opac / 100; // Older Mozilla and Firefox
style.MozOpacity = opac / 100; // Safari 1.2, newer Firefox and Mozilla, CSS3
style.opacity = opac / 100;
}
}
function skiftBilleder() {
if(nr == img.length)nr = 0;
// Nulstil fade
fadeimg(false);
// Sæt link og billede -sti
//document.getElementById("imgLink").setAttribute("href", links[nr]);
document.getElementById("curImg").setAttribute("src", img[nr]);
// Fade ind
fadeimg(true);
// Forøg nr med en
nr++
// Kald funktionen igen efter en pause
setTimeout("skiftBilleder()", pause * 500)
}
//-->
<img id="curImg" name="slide" style="height: 300px; width: 416px;" alt="Billede" />
