Dit artikel zal u tonen hoe u een interactieve tekst slideshow maken met een makkelijk te gebruiken slideshow maker - Flash Gallery Factory, of met behulp van enkele JavaScript-code. Twee soorten teksten slideshows zijn totaal verschillend.
De tekst diavoorstelling die zijn gemaakt met Flash Gallery Factory kon teksten evenals foto's en muziek te presenteren op hetzelfde moment. Overvloedige van tekst-effecten en overgangseffecten maak uw diavoorstelling interessant om naar te kijken. Je kon een dergelijke vorm van slideshow maken om uw reis foto's te demonstreren, of maak een aantrekkelijke banner. Je zou ook kunnen maken van een tekst diashow met alleen Javascript gratis.
De tekst diavoorstelling die zijn gemaakt met Javascript zullen teksten tonen een na de ander. Het kan worden gebruikt om citaten, recepten, lezing van de punten, enz. tonen Enkele voordelen van pure tekst diashow zijn die lange teksten kunnen worden opgenomen en het vangt ook de aandacht van de kijkers '.
Maak een diavoorstelling met teksten en tekst Effects
Flash Gallery Factory is super eenvoudig te gebruiken. Na het importeren van afbeeldingen tot het programma, kan je ze bewerken met de ingebouwde editing tools, voeg teksten en teksteffecten, en dan kon je de diavoorstelling opslaan op de computer, of direct online te delen. De code is ook voor u gegenereerd met het publiceren. Wanneer u het wilt insluiten naar een webpagina, alleen de code te plakken om het te krijgen weergegeven op pagina. Hier is een foto slideshow voorbeeld zonder teksten (je zou kunnen toevoegen wanneer u te maken slideshow zelf):
- Voeg je foto's en tekst aan het programma. Als u alleen hoeft te maken van een tekst slideshow zonder foto, kunt u een foto als achtergrond toe te voegen en voer uw tekst op het.
- Selecteer een tekst slideshow sjabloon uit vele, die uw diavoorstelling te presenteren op een schitterende manier. Bossen van 2D-en 3D-sjablonen zijn beschikbaar.
- Opslaan en publiceren van de tekst diashow.
Meer informatie: Handleiding van Flash Gallery Factory .
Maak een tekst Slideshow met Javascript
Javascript is een web scripting taal die wordt gebruikt om uw HTML-elementen te bedienen. Met het, kunt u een eenvoudige diavoorstelling met foto's te maken, zoals we eerder geïntroduceerd. Vandaag zullen we u vertellen hoe u een tekst slideshow met Javascript te maken.
Ten eerste , voeg de Javascript-code tussen de <: head> en <:/ head>. Er zijn slechts twee plaatsen die u moet aanpassen: de tekst in de offerte en de tekst diashow timeout. Zoals je kon zien, zijn HTML toegestaan om te verschijnen in de parameter offerte.
<SCRIPT Type="text/javascript">
var citaten = new Array ()
citaten [0] = "<a href='http://www.text_slideshow_url.com'> Maak slidewshows met tekst in een paar minuten. </ a>"
citaten [1] = "<a href="/span> http://www.text_slideshow_url.com '> Voeg geanimeerde teksten en hyperlink is beschikbaar. </ a> "
citaten [2] = "<a href="/span> http://www.text_slideshow_url.com '> bijschriften en beschrijvingen toevoegen aan foto's. </ A> "
functie display ()
{
a = Math.floor (Math.random () * quotations.length)
document.getElementById ('offerte'). innerHTML = citaten [a]
setTimeout ("display ()", 3000 )
}
</ SCRIPT>
Ten tweede , zet de div-tag zoals hieronder waar u de tekst wilt diashow te plaatsen, maar tussen <body> en </ body> tags. U kon de tekst stijl en achtergrondkleur veranderen om uw behoeften.
<Div id = "citaat" style = "background-color: yellow; breedte: 300 px, hoogte: 50 px; padding: 15px 0 0 5px; ">
<SCRIPT Type="text/javascript"> display () </ SCRIPT>
</ Div>
Allemaal gedaan. Sla de wijzigingen op en een voorbeeld van het met uw webbrowser. Hier is een tekst slideshow voorbeeld . Controleer of het is wat je wilt.
Volg ons op Twitter
Kies uw land
