Henrik skrev den 10-09-2010:
> On 10 Sep., 09:40, Henrik <henrik.lau...@gmail.com> wrote:
>> Hej,
>> Jeg vil gerne vise et billede. Det er jo enkelt. Via en javascript
>> funktion vil jeg runtime erstatte dette billede men et andet, altså
>> loade en ny ind uden at skulle 'reloade' html'en.
>> Meningen er at have en konstant html side, som jeg så runtime
>> konfigurerer hvad der skal vises. I html er der også funktioner for
>> fade in/out.
>> Kan den samme gøres med mpg filer?.
>>
>> Takker,
>>
>> Henrik.
>
> Tak for Jeres svar. Her er lidt ekstra info:
> Den ønskede funktion :
> Load noget html med nogle js (javascript) funktioner i, samt en img
> der er tom.
> Call js SetImg( path+file) der ændre Img src.
> Call js FadeIn -->> (billedet vises)
> delay
> Call et js fade out -->> (billedet fades ud)
> Call et js SetImg( path+file ) der ændre Img src (det næste billede).
>
> Det hele afvikles fra en C# form med webbrowser embedded, på en stand
> alone PC.
> Jeg har fundet noget js der kan fade på billeder (virker dog kun på
> jpeg).
> Sekvensen er den samme for video (ingen streaming, kun udfra filer,
> kun billede).
>
> "skift src for det pågældende <img> element. " Ok !, hvordan udfra et
> JS ?.
>
> Og hvordan skifter man src på et
> <object id="xxxx" ........ </object>
>
> På forhånd tak.
HTML :
<img id="slideshow" src="">
js :
var d_timer = 0;
function SetImg( next_img) {
var i_elm = document.getElementById( 'slideshow');
i_elm.src = next_img; // eller i_elm.setAttribute( 'src',
next_img);
d_timer = document.setTimeout( NextImg, 5000); // 5 sekunders
delay til næste billede
}
function NextImg() {
// her skal du bruge en eller anden form for liste med filnavne
// og en eller anden form for tælleværk, der kan finde det næste
// En sådan vil formentlig kunne findes af C# og overføres til et
// array i js i window.onload()
var next_img = filnavn på næste billede;
clearTimeout( d_timer);
SetImg( nxt);
}
Hvis du vil bruge scripts der kan fade, så indkorporer dem.
Ellers brug opacity.
Hele setupet har i øvrigt været diskuteret for ikke så længe siden.
Se i øvrigt også
http://bbsorensen.com/test/opacity/
Jeg skulle mene du for mpg, kan gøre det samme (måske minus opacity)
ved at bruge data attributten - men det er muligt der skal ændres på
andre attributter også - har aldrig prøvet det.
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk