Flash JPG Rotator


Dupa cum îi spune şi numele, este o componentă creată în Flash ce vă permite să afişaţi într-un site o secvenţă de fotografii, cu diferite tipuri de tranziţie între ele (fluid, cerc, blocuri, tranziţie fotografie, tranziţie fundal). În felul acesta puteţi aduce puţină viaţă unei pagini statice html sau puteţi adăuga un sistem de banere rotative.

Nu trebuie să ştiţi Flash pentru a particulariza aceasta componentă. Toti parametrii necesari sunt setaţi într-un fisier extern xml. În mod opţional, pot fi afişate butoane de navigatie şi linkuri.

În primul rând salvaţi imaginile în directorul "jpg" (poate fi şi altul, acum explicăm cazul de mai jos). Aveti grijă să păstraţi toate tagurile intacte schimbând doar valorile. În secţiunea parametrii sunt 4 setări diferite:

  1. <rotatetime> – timpul de afişare al unei imagini (secunde). O valoare între 2-10 arată bine
  2. <randomplay> – parametru boolean (true/false) care specifică dacă rotaţia imaginilor să fie aleatoare sau nu
  3. <shownavigation> – parametru boolean (true/false) ce specifică afişarea sau nu a butoanelor de navigaţie (înainte, înapoi)
  4. <transition> – tipul de tranziţie între imagini (fade, bgfade, fluids, blocks, circles)

Structura fisierului xml este următoarea:

<?xml version=”1.0″?>
<jpgrotator>
<parameters>
<rotatetime>6</rotatetime>
<randomplay>true</randomplay>
<shownavigation>true</shownavigation>
<transition>fluids</transition>
</parameters>
<photos>
<photo path=”jpg/sidewalk.jpg” link=”http://www.fkkc.nl” />
<photo path=”jpg/grass.jpg” link=”” />
<photo path=”jpg/tiopepe.jpg” link=”http://www.fsf.org” />
</photos>
</jpgrotator>

În secţiunea <photos> trebuie să introduceţi o linie individuală pentru fiecare imagine ce doriţi să o includeţi. În acest exemplu sunt 3 imagini, cu următorii parametrii: „path” – este calea de la player către imaginea jpg (fotografia d-voastră), „link” – este pagina care o deschide dacă apasaţi pe respectiva imagine (evident, poate fi lăsată goală dacă nu există un asemenea link, în formatul – „”).

După modificarea fişierului xml, includeţi atât componenta flash (extensia .swf) cât şi fisierul xml în acelaşi director cu pagina html. După, copiaţi şi lipiţi următorul cod acolo unde vreţi să apară în pagina html:

<object type=”application/x-shockwave-flash” width=”600″ height=”180″
bgcolor=”#ffffff” data=”jpgrotator.swf”>
<param name=”movie” value=”jpgrotator.swf” />
<param name=”bgcolor” value=”#ffffff” />
</object>

Codul de mai sus va seta componenta folosind următoarele valori: lăţime = 600, înălţime = 180. Modificaţi valorile de mai sus după nevoile d-voastră – la fel puteţi face şi pentru culoarea de fundal, dar atenţie (!), "bgcolor" apare de două ori.

Flash JPG Rotator poate fi descărcat de aici: http://www.jeroenwijering.com/?item=Flash_JPG_Rota…

Un forum dedicat cu întrebări şi răspunsuri îl puteţi accesa de aici: http://www.jeroenwijering.com/?forum=Flash_JPG_Rot…


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (Neevaluat încă)
Loading...Loading...

0 comentarii


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *