Avatar billede Slettet bruger
04. juni 2003 - 18:01 Der er 5 kommentarer og
1 løsning

Diasshow m/tekst

Jeg har lavet et selvkørende diasshow ved hjælp af nedenstående script. Nu er mit spm om det er muligt at lave det kombineret med en undertekst til hvert enkelt billede, og vel at at mærke i tekstformat, altså ikke grafik

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var slideShowSpeed = 2500;
var crossFadeDuration = 3;
var Pict = new Array();
Pict[0] = 'pics/pat/1.jpg'
Pict[1] = 'pics/pat/2.jpg'
Pict[2] = 'pics/pat/3.jpg'
Pict[3] = 'pics/pat/4.jpg'
Pict[4] = 'pics/pat/5.jpg'

var tt;
var jj = 0;
var pp = Pict.length;
var preLoad = new Array();
for (ii = 0; ii < pp; ii++) {
preLoad[ii] = new Image();
preLoad[ii].src = Pict[ii];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[jj].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
jj = jj + 1;
if (jj > (pp - 1)) jj = 0;
tt = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>
Avatar billede roenving Novice
04. juni 2003 - 18:11 #1
Ja, f.eks. ved at lægge slideshow ind i en lille stump tabel:

<table><tr><td>
<img src="" name="SlideShow" ...><!--Husk at tilføje resten af dine properties-->
</td></tr><tr><td>
<span id="textSpan" style="text-align:center">
</td></tr></table>

-- og så tilpasse scriptet:

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var slideShowSpeed = 2500;
var crossFadeDuration = 3;
var Pict = new Array();
Pict[0] = 'pics/pat/1.jpg'
Pict[1] = 'pics/pat/2.jpg'
Pict[2] = 'pics/pat/3.jpg'
Pict[3] = 'pics/pat/4.jpg'
Pict[4] = 'pics/pat/5.jpg'

var txt = new Array();
txt[0] = "text til 1";
txt[1] = "text til 2";
txt[2] = "text til 3";
txt[3] = "text til 4";
txt[4] = "text til 5";


var tt;
var jj = 0;
var pp = Pict.length;
var preLoad = new Array();
for (ii = 0; ii < pp; ii++) {
preLoad[ii] = new Image();
preLoad[ii].src = Pict[ii];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[jj].src;
document.getElementById('textSpan').innerHTML = txt[jj];
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
jj = jj + 1;
if (jj > (pp - 1)) jj = 0;
tt = setTimeout('runSlideShow()', slideShowSpeed);
}
//  End -->
</script>
Avatar billede Slettet bruger
04. juni 2003 - 22:33 #2
fanme ja, 1000 tak!
Avatar billede Slettet bruger
04. juni 2003 - 22:33 #3
men du har jo ikke skrevet det som et svar
Avatar billede roenving Novice
04. juni 2003 - 22:35 #4
Jamen, jeg skulle da lige vide, om det var noget du kunne bruge '-)
Avatar billede Slettet bruger
04. juni 2003 - 22:36 #5
I høj grad. De sidste par år har jeg flere gange forsøgt at finde ud af at gøre det, men først nu lykkes det  :-)
Avatar billede roenving Novice
04. juni 2003 - 22:39 #6
Velbekomme -- og takker for points ;~}
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