x

ava banner

Home > Resource > Make Photo Slideshow > How to Make a Text Slideshow

How to Make a Text Slideshow

This article will show you how to make an interactive text slideshow with an easy-to-use slideshow maker - Flash Gallery Factory, or using some Javascript code. Two types of text slideshows are totally different.

The text slideshow that created with Flash Gallery Factory could present texts as well as photos and music at the same time. Abundant of text effects and transition effects make your slideshow interesting to watch. You could make such kind of slideshow to showcase your travel photos, or create an attractive business banner. You could also make a text slideshow with just Javascript for free.

The text slideshow that created with Javascript will display texts one after another. It could be used to show quotations, recipes, reading paragraphs, etc. Some advantages of pure text slideshow are that long texts can be included and it also catches viewers' attention.

Make a Slideshow with Texts and Text Effects

Flash Gallery Factory is superb easy to use. After importing images to the program, you could edit them with the built-in editing tools, add texts and text effects, and then you could save the slideshow to computer, or directly share online. The code is also generated for you while publishing. When you want to embed it to a web page, just paste the code to get it displayed on page. Here is a photo slideshow example without texts (you could add it when you make slideshow yourself):

Download Win Version

  1. Add your photos and text to the program. If you only need make a text slideshow without any photo, you can add a background photo and enter your text on it.
  2. Select a text slideshow template from many, which will present your slideshow in a dazzling way. Bunches of 2D and 3D templates are available.
  3. Save and publish the text slideshow.

Learn more: User Guide of Flash Gallery Factory.

Slideshow Example

Make a Text Slideshow with Javascript

Javascript is a web scripting language used to operate your HTML elements. With it, you could make a simple photo slideshow, as we introduced before. Today, we will tell you how to make a text slideshow with Javascript.

Firstly, add the Javascript code between <:head> and <:/head>. There are only two places you need to modify: the text in the quotation and the text slideshow timeout. As you could see, HTML tags are allowed to appear in the quotation parameter.

<SCRIPT type="text/javascript">

var quotations = new Array()

    quotations[0]= "<a href='http://www.text_slideshow_url.com'>Make slidewshows with text in minutes.</a>"

    quotations[1]= "<a href="/span>http://www.text_slideshow_url.com'>Add animated texts and hyperlink is available.</a>"

    quotations[2]= "<a href="/span>http://www.text_slideshow_url.com'>Add captions and descriptions to photos. </a>"

function display()

{

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

document.getElementById('quotation').innerHTML=quotations[a]

setTimeout("display()",3000)

}

</SCRIPT>

Secondly, put the div tag as below where you want to place the text slideshow, but between <body> and </body> tags. You could change the text style and background color to suit your needs.

<div id="quotation" style="background-color:yellow; width: 300px; height: 50px; padding: 15px 0 0 5px;">

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

</div>

All done. Save the changes and preview it with your web browser. Here is a text slideshow example. Check whether it's what you want.

Download Win Version

Product-related questions? Speak directly to our Support Team >>

LunaQue
http://www.wondershare.com/flash/javascript-slideshow.html this article may help you
Daniel Anthony
this is what i have been searching for.. and it worked, thanks for the code. what if i will like to call a function from a list of

and i want to make it a slide without using the array how can i go about this?

CONNECT WITH US

FacebookTwitterGoogle PlusPlay via Youtube

GET OUR NEWSLETTER

CHOOSE YOUR COUNTRY

Top