karliisback
Neues Mitglied
Hallo Leute ich habe folgendes Script:
ich möchte die bilder langsamer wechseln und jedes bild hat einen eigenen link, jedoch wird jedes bild zur letzten verlinkung verlink (http://xkill.do.am/3)
über hilfe wäre ich sehr dankbar
greeezz
Code:
<script type="text/javascript">
function fade(step) {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");
step = step || 0;
imgs[counter].style.opacity = step/100;
imgs[counter].style.filter = "alpha(opacity=" + step + ")"; //
step = step + 2;
if (step <= 100) {
window.setTimeout(function () { fade(step); }, 1);
} else {
window.setTimeout(next, 2000);
}
}
function next() {
var imgs = document.getElementById("meinFader").getElementsByTagName("img");
if (typeof(counter) != "number") {
counter = 0;
}
counter++;
if (counter < imgs.length) {
fade();
}else{
for(i=0;i<imgs.length;i++){
imgs[i].style.opacity = 0;
}
counter=0;
fade(0);
}
};
</script>
<style type="text/css">
.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }
</style>
Code:
<!-- ######### DIASHOW ########### //-->
<body onload="next()">
<p id="meinFader">
<a href="http://xkill.do.am/1"><img src="http://xkill.do.am/pics/diashow1.png" alt="" width="541" height="331"></a>
<a href="http://xkill.do.am/2"><img src="http://xkill.do.am/pics/diashow2.png" alt="" width="541" height="331" class="next"></a>
<a href="http://xkill.do.am/3"><img src="http://xkill.do.am/pics/diashow04.png" alt="" width="541" height="331" class="next"></a>
</p>
</body>
<!-- ######### DIASHOW ########### //-->
ich möchte die bilder langsamer wechseln und jedes bild hat einen eigenen link, jedoch wird jedes bild zur letzten verlinkung verlink (http://xkill.do.am/3)
über hilfe wäre ich sehr dankbar
greeezz