Lahat TOPICS

+

Paano Gumawa ng isang Text Slideshow

Ang artikulong ito ay magpapakita sa iyo kung paano gumawa ng isang interactive na text slideshow sa isang madaling-gamitin na mga slideshow maker - Flash Gallery pabrika, o paggamit ng ilang Javascript code. Dalawang uri ng mga text slideshow ay ganap na naiiba.

Ang text slideshow na nilikha gamit ang Flash Gallery pabrika ay maaaring magpakita ng mga teksto pati na rin ang mga larawan at musika at sa parehong oras. Masaganang ng epekto ng teksto at mga epekto ng transition gawin ang iyong mga slideshow interesante sa mga relo. Maaari kang gumawa ng mga ganoong uri ng slideshow upang ipakita ang iyong mga larawan sa paglalakbay, o lumikha ng isang kaakit-akit banner na negosyo. Maaari mo ring gumawa ng isang text slideshow na may lamang Javascript para sa libre.

Ang text slideshow na nilikha gamit ang Javascript ay magpapakita ng mga teksto ng isa-isa. Ito ay maaaring gamitin upang ipakita ang mga sipi, mga recipe, pagbabasa talata, atbp Ang ilang mga pakinabang ng purong teksto slideshow ay na mahaba ang teksto ay maaaring kasama at din ito nakakakuha ng pansin ng mga manonood '.

Gumawa ng isang Slideshow may teksto at Effects Text

Flash Gallery pabrika ay napakahusay madaling gamitin. Pagkatapos mag-import ng mga imahe sa programa, maaari mong i-edit ang mga ito gamit ang built-in na kasangkapan sa pag-edit, magdagdag ng mga teksto at mga epekto ng teksto, at pagkatapos ay maaari mong i-save ang slideshow na computer, o direktang ibahagi online. Ang code ay nakabuo din para sa iyo habang pag-publish. Kapag nais mong i-embed ito sa isang web page, i-paste lamang ang code na ito ng ipinapakita sa pahina. Narito ang isang larawan slideshow halimbawa nang mga teksto (maaari mong idagdag ito kapag ikaw ay gumawa ng slideshow ng iyong sarili):

Download Win Version

  1. Idagdag ang iyong mga larawan at teksto sa programa. Kung kailangan mo lamang gumawa ng isang text slideshow na walang anumang mga larawan, maaari mong magdagdag ng isang larawan sa background at ipasok ang iyong teksto dito.
  2. Pumili ng isang slideshow template text mula sa maraming, na kung saan ay naroroon ang iyong slideshow sa isang nakasisilaw paraan. Bunches ng 2D at 3D na mga template ay magagamit.
  3. I-save at i-publish ang text slideshow.

Matuto nang higit pa: Gabay ng Flash Gallery pabrika User.

Slideshow Halimbawa

Gumawa ng isang Text Slideshow may Javascript

Javascript ay isang wika web scripting ginagamit upang patakbuhin ang iyong mga elemento ng HTML. Gamit ito, maaari kang gumawa ng isang simpleng slideshow ng larawan, pati na ipinakilala namin dati. Ngayon, sasabihin namin sa iyo kung paano gumawa ng isang text slideshow na may Javascript.

Una, idagdag ang Javascript code sa pagitan ng mga <: head> at <: / head>. Mayroon lamang dalawang lugar na kailangan mong baguhin: ang teksto sa quotation at ang timeout text slideshow. Bilang maaari mong makita, mga tag na HTML ay pinahihintulutan na lilitaw sa parameter quotation.

<Script type = "text / javascript">

var sipi = new Array ()

    sipi [0] = "<a href='http://www.text_slideshow_url.com'> Gumawa slidewshows na may teksto sa ilang minuto. </a>"

    sipi [1] = "<a href="/span> http://www.text_slideshow_url.com '> Magdagdag animated teksto at hyperlink ay magagamit. </a>"

    sipi [2] = "<a href="/span> http://www.text_slideshow_url.com '> Magdagdag ng mga caption at mga paglalarawan sa mga larawan. </a> "

display function ()

{

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

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

setTimeout ("display ()", 3000)

}

</ Script>

Pangalawa, ilagay ang div tag bilang sa ibaba kung saan mo gustong ilagay ang text slideshow, ngunit sa pagitan ng <body> at </ body> tag. Maaari mong baguhin ang istilo ng teksto at kulay ng background upang umangkop sa iyong mga pangangailangan.

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

<Script type = "text / javascript"> display () </ script>

</ div>

Tapos na. I-save ang mga pagbabago at i-preview ito sa iyong web browser. Narito ang isang text slideshow halimbawa. Suriin kung ito ay kung ano ang gusto mo.

Download Win Version

Mga katanungan na may kinalaman sa produkto? Magsalita nang direkta sa aming Koponan ng Suporta >>

Top