Foto's fade in en fade out

[Hans]

[vosManz]

Zou je aan kunnen geven om welk script het gaat?

[KillerSponge]

Ik neem aan het script van Powertools, maar ik kan nu niet kijken hoe het script eruit ziet want Powertools is down ^^

[Hans]

Hieronder volgt het script: (waarbij je op de plaats van "foto.jpg" zelf een foto moet invullen)


<img src='foto.jpg'name='fadeinimage' style='filter:alpha(opacity=0)'><script language="JavaScript">
function doFadeIn() {
if (document.fadeinimage.filters.alpha.opacity < 60) {
document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+2
setTimeout("doFadeIn()",650)
}
}
doFadeIn()
</script>

[KillerSponge]

[Hans]

[Derk]

[Hans]

[Derk]

hieronder mijn script met uitleg van de variabelen die je zelf mag aanpassen:

Alfa dat is de doorzichtheid van het plaatje. werkt in procenten alleen staat er geen % achter

[syntax="javascript"]&lt;img src='gun.bmp' name='fadeinimage' style='filter:alpha(opacity=0)'&gt;&lt;script language="JavaScript"&gt;
//modded by Derk Vedelaar.com
wat='in';
function doFadeIn()
{
if (document.fadeinimage.filters.alpha.opacity &lt; 1)
{
wat='in';
}

if (wat=="uit")
{
//de komende paar regeltjes zijn voor het uitfaden
//waar nu die 1 staat daar moet een getal komen dat aangeeft hoeveel alfa eraf moet iedere keer dat het regeltje gedraaid word. Kommagetallen werken geloof ik niet.
document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity-1;
//waar nu die 100 staat dat zijn het aantal miliseconden dat het duurt tot het regeltje hierboven weer opnieuw uitgevord gaat worden
setTimeout("doFadeIn()",100);
}

if (document.fadeinimage.filters.alpha.opacity &lt; 100)
{
if (wat=="in")
{
//de komende paar regeltjes zijn voor het infaden
//waar nu die 1 staat daar moet een getal komen dat aangeeft hoeveel alfa erbij moet iedere keer dat het regeltje gedraaid word. Kommagetallen werken geloof ik niet.
document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+1;
//waar nu die 100 staat dat zijn het aantal miliseconden dat het duurt tot het regeltje hierboven weer opnieuw uitgevord gaat worden
setTimeout("doFadeIn()",100);
}
}
else
{
wat='uit';
setTimeout("doFadeIn()",100);
}
}
doFadeIn();
&lt;/script&gt;[/syntax]

Nou volgens mij kan je nu zelf de waarden veranderen. Moet wel lukken geloof ik

<hr />ohja in het script wat ik nu als laatste postte daarin gaat het faden al slomer

[Hans]

Beste Derk,
ik vind het vervelend om je weer lastig te vallen, maar als ik jouw script invoer, dan krijg ik geen foto te zien, alleen maar onderstaande tekst op de website, terwijl jouw vorige script die weliswaar erg snel ging, wel de foto liet zien.
Kan het zijn, dat er nog bepaalde tags ontbreken of zo. Zie onderstaande tekst.

groetjes Hans


[syntax="html"]<img src='dorothe_fotodorothe.jpg' name='fadeinimage' style='filter:alpha(opacity=0)'><script language="JavaScript"> //modded by Derk Vedelaar.com wat='in'; function doFadeIn() { if (document.fadeinimage.filters.alpha.opacity < 1) { wat='in'; } if (wat=="uit") { //de komende paar regeltjes zijn voor het uitfaden //waar nu die 1 staat daar moet een getal komen dat aangeeft hoeveel alfa eraf moet iedere keer dat het regeltje gedraaid word. Kommagetallen werken geloof ik niet. document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity-1; //waar nu die 100 staat dat zijn het aantal miliseconden dat het duurt tot het regeltje hierboven weer opnieuw uitgevord gaat worden setTimeout("doFadeIn()",100); } if (document.fadeinimage.filters.alpha.opacity < 100) { if (wat=="in") { //de komende paar regeltjes zijn voor het infaden //waar nu die 1 staat daar moet een getal komen dat aangeeft hoeveel alfa erbij moet iedere keer dat het regeltje gedraaid word. Kommagetallen werken geloof ik niet. document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+1; //waar nu die 100 staat dat zijn het aantal miliseconden dat het duurt tot het regeltje hierboven weer opnieuw uitgevord gaat worden setTimeout("doFadeIn()",300); } } else { wat='uit'; setTimeout("doFadeIn()",300); } } doFadeIn(); </script>[/syntax]

[mod="Anthony"]Syntax-tag[/mod]

[Derk]

Je mag altijd vragen daarvoor kom ik hier
Je moet het dus niet vervelend vinden.

Ik weet niet waarom je nu dat krijgt....

Je kan mijn vorige script nemen en alle 2 in het script (er staan 2 2's in) veranderen in een 1. Dan moet het maar half zo snel gaan.

Vertel je even als het is gelukt?

Daarbij ging hij bij mij niet zo snel geloof ik.....

[Hans]

beste Derk,
bedankt voor je moeite. Helaas ging het ook deze keer niet.
Maar ik ben er toch uitgekomen. Ik heb jouw voorlaatste script er toch weer bijgepakt en wat dingen aangepast. Zie hieronder.
Hij loopt nu lekker langzaam erin, en gaat er ook weer uit.
Is er trouwens een maximum aan het aantal miliseconden???
m.i. maakt het geen verschil of je nu 1000 of 4000 miliseconden neemt bij het outfaden.
bedankt voor al je hulp en tot een volgende keer.
Hans


[syntax="javascript"]<DIV id='foto' style='position:absolute;top:190px;left:325px'>
<img src='testfoto.jpg' name='fadeinimage' style='filter:alpha(opacity=0)'><script language="JavaScript">
//modded by Derk Vedelaar
wat='in';
function doFadeIn()
{
if (document.fadeinimage.filters.alpha.opacity < 1)
{
wat='in';
}

if (wat=="uit")
{
document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity-2;
setTimeout("doFadeIn()",100);
}

if (document.fadeinimage.filters.alpha.opacity < 70)
{
if (wat=="in")
{
document.fadeinimage.filters.alpha.opacity=document.fadeinimage.filters.alpha.opacity+2;
setTimeout("doFadeIn()",850);
}
}
else
{
wat='uit';
setTimeout("doFadeIn()",4000);
}
}
doFadeIn();
</script>
</DIV>[/syntax]
[mod="Anthony"][syntax]-tag
Update: Javascript syntax dan maar[/mod]

[Derk]

Er zou geen maximum mogen zijn in het aantal miliseconden...
@ anthony zo iets heet javascript....