Hur man gör en Text bildspel

Denna artikel kommer att visa dig hur man gör en interaktiv text bildspel med en lätt-till-använda slideshow maker - Flash Gallery Factory, eller med några Javascript-kod. Två typer av text bildspel är helt olika.

Text bildspel som skapats med Flash Gallery Factory kunde presentera texter samt bilder och musik på samma gång. Riklig texteffekter och övergångseffekter att bildspelet intressant att titta på. Du kan göra sådan typ av bildspel att visa upp dina bilder eller skapa en attraktiv verksamhet banner. Du kan också göra en text bildspel med bara Javascript gratis.

Den text bildspel som skapats med Javascript visar texter efter varandra. Det kan användas för att Visa offerter, recept, läsa punkterna, etc. Några fördelar med ren text bildspel är att långa texter kan ingå och det också fångar tittarnas uppmärksamhet.

Göra ett bildspel med texter och texteffekter

Flash Gallery Factory är fantastiskt lätt att använda. När du har importerat bilder till programmet, du kan redigera dem med de inbyggda redigeringsverktyg, lägga till texter och texteffekter, och sedan kan spara bildspelet på datorn, eller direkt dela online. Koden genereras också för dig medan publicering. När du vill bädda in den på en webbsida, bara klistra in koden för att få den visas på sidan. Här är ett foto bildspel exempel utan texter (du kan lägga till det när du gör bildspel själv):

1. Lägga till foton och text i programmet. Om du bara behöver göra en text bildspel utan något foto, kan du lägga till bakgrundsbilden och in din text på den.
2. Välj en textmall bildspel från många, som kommer att presentera bildspelet på en bländande sätt. Klasar av 2D- och 3D mallar finns tillgängliga.
3. Spara och publicera text bildspel.

Läs mer: User Guide av Flash Gallery Factory.

Göra en Text bildspel med Javascript

JavaScript är ett skriptspråk som används för att driva din HTML-element. Med det, kan du göra en enkel fotobildspel, som vi infört innan. I dag kommer vi att berätta hur man gör en text bildspel med Javascript.

För det första, lägga till Javascript-koden mellan <: head > och <: / capita >. Det finns bara två platser du behöver ändra: texten i citatet och text bildspel timeout. Som ni kunde se, får HTML-taggar visas i parametern offert.

< SCRIPT type = "text/javascript" >

var citat = ny uppställa()

    citat [0] = "< en href = 'den http://www.text_slideshow_url.com' > göra slidewshows med text i minuter. < /a >"

    citat [1] = "< en href =" / span >http://www.text_slideshow_url.com' > Lägg till animerade texter och hyperlänk finns. < /a > "

    citat [2] = "< en href =" / span >http://www.text_slideshow_url.com' > lägga till bildtexter och beskrivningar till bilder. < /a > "

funktion display()

{

a=Math.floor(Math.Random()*quotations.length)

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

setTimeout("display()",3000)

}

< / SCRIPT >

För det andrasätter div-taggen som nedan där du vill placera text bildspel, men mellan < body > och < / kropp > taggar. Du kan ändra textfärg och bakgrundsfärg för att passa dina behov.

< div id = "offert" style = "bakgrund-färg: gul; bredd: 300px; höjd: 50px; stoppning: 15px 0 0 5px; " >

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

< / div >

Allt gjort. Spara ändringarna och förhandsgranska det med din webbläsare. Här är en text bildspel exempel. Kontrollera om det är vad du vill.