Avatar billede palito Nybegynder
16. oktober 2007 - 17:46 Der er 5 kommentarer og
1 løsning

Billedeskift med script.aculo.us

Hvordan laver man et "galleri" med script.aculo.us, hvor et enkelt billede skiftes ud efter et bestemt tidsinterval, og det skal fade ind/ud.

http://wiki.script.aculo.us/scriptaculous/show/Effect.Fade
Avatar billede w13 Novice
16. oktober 2007 - 19:22 #1
Jeg ville lægge alle billedstierne i et array og så løbe det igennem. Er det bestemte billeder, du vil vise, er der mange?
Avatar billede w13 Novice
16. oktober 2007 - 19:22 #2
Den skal så kombineres med Effect.Appear, som der er et link til på siden.
Avatar billede olebole Juniormester
16. oktober 2007 - 19:27 #3
<ole>

Da det baserer sig på prototype, som består af invalid kode, ville jeg vælge et helt andet galleri-script  :)

/mvh
</bole>
Avatar billede palito Nybegynder
17. oktober 2007 - 10:42 #4
w13 - Det er bare omkring 5 styks.

Hvordan opretter jeg så et array, som den løber igennem?
Avatar billede w13 Novice
17. oktober 2007 - 16:28 #5
Tjaeh, hurtigt bikset sammen må det være noget i stil med:
----------------------------------------------------------
<script type="text/javascript">
var speed=100;
var arrImg=new Array("/images/no1.jpg","/images/no2.jpg","/images/no3.jpg","/images/no4.jpg","/images/no5.jpg");
function ShowImg(i){
    Effect.Fade(arrImg[i]);
    i++;
    if(i==arrImg.length) i=0;
    Effect.Appear(arrImg[i]);
    setTimeout("ShowImg("+i+")",speed);
}
setTimeout("ShowImg(0)",speed);
</script>

<img style="display:inline" id="/images/no1.jpg" src="/images/no1.jpg">
<img style="display:none" id="/images/no2.jpg" src="/images/no2.jpg">
<img style="display:none" id="/images/no3.jpg" src="/images/no3.jpg">
<img style="display:none" id="/images/no4.jpg" src="/images/no4.jpg">
<img style="display:none" id="/images/no5.jpg" src="/images/no5.jpg">
---------------------------------------------------
Det kunne muligvis lave smartere, hvis man selv havde lavet Effect.Fade og Effect.Appear, men det er vist en større opgave, hvis de skal være crossbrowser.
Avatar billede w13 Novice
18. oktober 2007 - 21:17 #6
Takker for point!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester