Home > Ressource > Tips > Hvordan man laver en tekst Slideshow

Hvordan man laver en tekst Slideshow

Denne artikel vil vise dig hvordan man laver en interaktiv tekst slideshow med en let-at-bruge slideshow maker - Flash Galleri fabrik, eller bruge nogle Javascript-kode. To typer af tekst slideshows er helt anderledes.

Tekst lysbilledshowet, der skabt med Flash Galleri fabrik kunne forelægge tekster samt billeder og musik på samme tid. Rigelige teksteffekter og overgangseffekter gøre dit lysbilledshow interessant at se. Du kunne gøre sådan slags lysbilledshow til at fremvise din rejse fotos eller oprette en attraktiv virksomhed banner. Du kunne også lave en tekst slideshow med bare Javascript gratis.

Tekst lysbilledshowet, der oprettes med Javascript vil vise tekster efter hinanden. Det kunne bruges til at vise citater, opskrifter, læsning afsnit, etc. Nogle fordele ved ren tekst slideshow er at lange tekster kan medtages, og det også fanger seernes opmærksomhed.

Lave et Slideshow med tekster og teksteffekter

Flash Galleri Factory er fantastisk let at bruge. Når du har importeret billeder til programmet, du kan redigere dem med de indbyggede redigeringsværktøjer, tilføje tekster og teksteffekter, og derefter du kunne gemme diasshowet på computeren, eller direkte dele online. Koden genereres også for dig mens udgivelse. Når du vil integrere det til en webside, netop opklæbe koden for at få det vist på side. Her er et foto slideshow eksempel uden tekster (du kan tilføje det, når du selv laver lysbilledshow):

Download Win Version

  1. Tilføje dine fotos og tekst til programmet. Hvis du kun skal gøre en tekst lysbilledshow uden hvilken som helst foto, kan du tilføje en baggrund foto og indtast din tekst på det.
  2. Vælg en tekstskabelon lysbilledshow fra mange, som vil præsentere dit lysbilledshow i en blændende vej. Klaserne af 2D og 3D skabeloner er tilgængelige.
  3. Gem og Publicer tekst slideshow.

Læs mere: Bruger vejledning af Flash Galleri Factory.

Slideshow eksempel

Lave en tekst Slideshow med Javascript

JavaScript er et web-scripting sprog, der bruges til at betjene din HTML-elementer. Med det, kan du gøre et simpelt fotodiasshow, som vi indførte før. I dag, vil vi fortælle dig hvordan man laver en tekst slideshow med Javascript.

For det første, tilføje Javascript-kode mellem <: hoved > og <: / indbygger >. Der er kun to steder du skal ændre: tekst i tilbuddet og tekst slideshow timeout. Som du kan se, er HTML-tags tilladt skal vises i parameteren citat.

< SCRIPT type = "text/javascript" >

var citater = ny sæt()

    citater [0] = "< en href ='http://www.text_slideshow_url.com ' > gøre slidewshows med tekst i minutter. < /a >"

    citater [1] = "< en href =" / span >http://www.text_slideshow_url.com«> tilføje animerede tekster og hyperlink findes. < /a > "

    citater [2] = "< en href =" / span >http://www.text_slideshow_url.com«> tilføje billedtekster og beskrivelser til billeder. < /a > "

funktionen display()

{

a=math.Floor(math.random()*Quotations.length)

document.getElementById('quotation').innerHTML = citater [en]

setTimeout("display()",3000)

}

< / SCRIPT >

For det andet, sætte div tag som nedenfor hvor du vil placere tekst slideshow, men mellem < body > og < / body > tags. Du kan ændre tekstens stil og baggrund farve passer til dine behov.

< div id = "citat" style = "baggrund-farve: gul; bredde: 300px; højde: 50px; polstring: 15px 0 0 5px; " >

< SCRIPT type = "text/javascript" > display() < / SCRIPT >

< / div >

Alle gjort. Gemme ændringerne og få vist det med din webbrowser. Her er en tekst slideshow eksempel. Kontrollere, om det er, hvad du ønsker.

Download Win Version

Top