[javascript] Fading images

[robg1984]

Ik gebruik de volgende codes om een foto d.m.v. fade-in te laten verschijnen op een webpagina. Dit werkt perfect maar kan alleen als de foto id 'photo' mee heeft..je kan meerdere foto's niet hetzelfde id mee geven. Hoe kan ik het toch doen dat hij automatisch alle foto's laat infaden?

<style>
#photoholder {
background:#ffffff 50% 50% no-repeat;
}
#photo {
visibility:hidden;
}
</style>
<script>
function initImage() {
imageId = 'photo';
image = document.getElementById(imageId);
setOpacity(image, 0);
image.style.visibility = 'visible';
fadeIn(imageId,0);
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
obj.style.filter = "alpha(opacity:"+opacity+")";
obj.style.KHTMLOpacity = opacity/100;
obj.style.MozOpacity = opacity/100;
obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = document.getElementById(objId);
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
}
}
}
</script>

[Verwijderd]

getElementsByTagName() ?

[cyberstalker]

Gewoon de functie fadeIn() meerdere malen aanroepen met de id's van de betreffende foto's.

[robg1984]

mophor, heb gekeken naar die functie, geprobeerd die te integreren maar lukt me niet?
cyberstalker, ja dat is natuurlijk een oplossing maar wil ik niet, want via een cms woren die plaatjes toegevoegd en wil automatisch dat die 'gefade' worden, dus niet dat ik nog extra code moet toevoegen

[Verwijderd]

laat maar eens zien wat je geprobeerd hebt dan, wat lukt er niet, wat zijn de errors die je krijgt en wat kun je er mee?

[robg1984]

alle plaatjes pakt hij nu,zet opacity op 0, maar de functie 'fadeIn' doet hij niet goed... wil alleen de plaatjes met class="foto"...is dit mogelijk?

foutmelding: "style" is leeg of geen object in regel 54, teken 3...maar ik kan geen wijs uit welke regel dit is...

function initImage() {
//imageId = 'photo';
//image = document.getElementById("img");
image = document.getElementsByTagName("img");
for (var i = 0; i < image.length; i++) {
setOpacity(image[i], 0);
image[i].style.visibility = 'visible';
fadeIn(image[i],0);
}
}
function setOpacity(obj, opacity) {
opacity = (opacity == 100)?99.999:opacity;
obj.style.filter = "alpha(opacity:"+opacity+")";
obj.style.KHTMLOpacity = opacity/100;
obj.style.MozOpacity = opacity/100;
obj.style.opacity = opacity/100;
}
function fadeIn(objId,opacity) {
if (document.getElementById) {
obj = objId;
if (opacity <= 100) {
setOpacity(obj, opacity);
opacity += 10;
window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
}
}
}

[BtM909]

Als het niet lukt, waarom neem je dan geen contact op met de makers van het script?

http://www.clagnut.com/sandbox/imagefades/