Creați banner flash și gif stub

Astăzi, ne vom da seama cum să faci nu doar un banner, ci un banner Rich Flash cu toate consecințele care urmează.

Ce este un banner bogat (mai precis banner media bogat)?







Pentru astfel de bannere, în special bun, tehnologia Adobe Flash este potrivită.

* În primul rând vom atinge crearea unui banner simplu și a problemei cum să-l plasăm pe o pagină web și să punem un strop gif.

* După ce am citit puțin despre Flash și despre limbajul html, experimentăm flashvars (FlashVars).

* Luați în considerare. Cum se utilizează biblioteca SwfObject pentru a plasa un banner pe o pagină web.

* Pentru fanii marilor oportunități, vom face același banner pe AS3.

Facem un banner utilizând Macromedia Flash 6-9, Adobe Flash CS3-CS4 (În principiu, nu este critică) pentru această schemă.

Lucrul pe vizual este terminat, să luăm un script activ (ActionScript).

Creați un nou strat și apăsați pe F9 (Windows-> Acțiune). Noi scriem în fereastra deschisă

Unele apariții la acest scenariu.

Deci, compilarea și banner-ul sunt gata! Acum, să mergem la punctul culminant al proiectului nostru.

Cum integrez un banner într-o pagină web?

Mai întâi de toate, hai să ne îngrijorăm acei oameni care nu au tehnologia flash în browserul lor. O persoană care nu are flush nu vă va vedea bannerul!

Special pentru asta facem gif-stub. adică gif-banner, care va fi sub Flush (firesc pentru mass-media bogată pentru un banner gif care nu puteți vorbi).

Iată un gif-stub avansat pentru mine.

Când totul este gata, vom adăuga totul la grămadă în pagina web (cod html).






Explicație la codul html!

În locul document.getElementById ('loadruner1'). Stil.display = 'none'; Puteți utiliza document.all ['loadruner1']. Stil.display = "none";

Se pare că totul, dar am decis să experimentez cu gif stub și a adăugat posibilitatea ca utilizatorul să-l închidă făcând clic pe cruce.

Pentru a face acest lucru, am rupt gifku-ul în partea a 3-a:

Și puneți-le în html în acest fel. (cod html)

Explicație! Aranjamentul imaginii a avansat:

-eveniment pentru a închide bannerul nostru (acum stub, de asemenea, se poate închide)

În loc de document.getElementById ('loadruner1'). Stil.display = 'none' puteți folosi întotdeauna document.all ['loadruner1'] Style.display = "none";

Banner-ul bogat este gata! Rămâne doar să ne gândim la conținutul interactiv al bannerului nostru (să vină cu design, efecte etc., după cum doriți)

Să presupunem că am vrut să schimbăm urlul directivei și textul de legătură pe bannerul nostru sau ceva ce se schimbă dinamic.

Pentru a face acest lucru vom folosi variabile flash FlashVars. Variabilele pe care le vom da bannerului nostru din afară.

În primul rând, vom corecta un mic banner Flash.

Și vom edita codul html.

Acum puteți schimba directiva și bannerul text prin simpla editare a acestei valori în html.

Unii oameni sunt supărați de un astfel de fenomen ca și cadrul din jurul bannerului.

Vom încerca să scăpăm de ea cu ajutorul bibliotecii SwfObject.js - Noi scriem un astfel de cod html:

Și transparența unității flash în sine (fo.addParam ("wmode", "transparent");). Dacă doriți, pot fi eliminate!







Funcția funcției Script kill (); a fost încorporat în scriptul principal de configurare SvfObject.

Dacă doriți, puteți colecta toate acestea într-un fișier script și o funcție pentru un cod compact.

+Pentru fanii marilor oportunități și noilor tehnologii AS3

Banner AS3

Odată cu apariția lui AS3, flush-ul are posibilități cu adevărat mari.

Mai ales pentru fanii tuturor noului, același banner, folosind doar AS3 (Adobe Flash CS3 și Adobe Flash CS4).

Codul AS3 pentru banner

// importați obiectele dorite
import flash.net. *;
// Creați o variabilă pentru FlshVars
var flashvars: String = String nou (root.loaderInfo.parameters.genericURL);
// atribuiți proprietățile movieclip la butoane
geturl_mc.buttonMode = adevărat;
close_mc.buttonMode = true;
// atribuiți valoarea textului flashvars (URL-ul nostru)
viewu.text = flashvars;
// creați un handler de evenimente CLICK pentru geturl_mc (butonul de pe tasta directă)
geturl_mc.addEventListener (MouseEvent.CLICK, clickHandler);
// Creați o funcție pentru navigare și CLICK pentru geturl_mc
funcția clickHandler (eveniment: MouseEvent): void

Ei bine, apoi lipiți-o în pagina web în același mod descris mai sus!

Diferite aspecte legate de bannerele media bogate în flash:

* Cerințe pentru bannerele bliț convenționale.

1. Versiunea blițului nu depășește 7
2. În plus față de fișierul .swf, este necesar să se pregătească pistele .gif care vor fi afișate utilizatorilor care nu au capacitatea de a vizualiza bannere flash.
3. prezența root.link1 (poate fi orice) în getURL (_root.link1, "_blank");

* Cerințe pentru bannere bogate în media.

1. Versiunea blițului nu depășește 7
2. este necesar un obiect gif
3. restricție de dimensiune
4. prezența root.link1 (poate fi orice) în getURL (_root.link1, "_blank");
5. prezența butonului de închidere fscommand ('kill', ''); unloadMovie (_root);

Dacă o veți utiliza în "rețele de bannere", atunci ar trebui să urmați cu strictețe versiunea flash pentru a vă asigura o mai bună compatibilitate.

Din fericire, ActionScript 3.0 nu este necesar chiar și în Flash CS3. Puteți face 2.0, în care totul este simplu și destul de fiabil.

Dacă totuși trebuie să utilizați cea de-a treia versiune a ActionScript, rețineți câteva lucruri.

În al treilea rând. pentru a executa funcția JavaScript "kill" în loc de fscommand ('kill', '');

Din cauza politicii de securitate, unele funcții funcționează numai pe server.

În cazul nostru, butonul "închide" (pentru un blitz) nu va funcționa local!

În AS3, variabilele externe sunt încărcate ca root.loaderInfo.parameters.link1.

Unde link1 este numele variabilei.

În loc de gif stubs, puteți utiliza imagini în alte formate (jpg, png, tif, tga, bmp). Pur și simplu gif stub este optim în greutate, pentru că trebuie să încărcați un banner flash și gif-stub. Gif - stub-ul ar trebui să aibă aceeași dimensiune ca unitatea flash.

Aceasta este o zi importantă în relațiile personale. Afișați emoții, exprimați pasiunea și sentimentele, și răceala și indiferența este importantă pentru a evita. Amânați soluția problemelor interne, adăugați romantismul. În același timp, ziua este capabilă să pună capăt relațiilor deja depășite, inclusiv pentru că vă puteți întâlni cu o persoană nouă interesantă.

Horoscop de cumparaturi pentru astazi

Ziua este de succes pentru achiziționarea de bunuri de zi cu zi, jucării pentru copii. De asemenea, va fi de succes achiziționarea de unelte de uz casnic: cuțite, foarfece, ciocane, aparate și echipamente mecanice. Puteți cheltui cu succes bani pentru a cumpăra fonduri pentru eliminarea deșeurilor, bunuri intime, lenjerie erotică
Ziua este nefavorabilă pentru achiziționarea de ceasuri, materiale de construcție

Alăturați-vă acum

Afișări 4 | Gazdele 4

Comandant de zi al navei de suprafață, submarină și aer a Marinei ruse

9festival, 10 zile, 28membru

  • concediu
  • Ziua muncitorului dintr-o industrie a agriculturii și a proceselor din Rusia
  • Ziua Independenței croate
  • Ziua cisternei din Armenia
  • Ziua lucrătorilor culturii din Belarus
  • Ziua artistului Ucrainei
  • Ziua muncitorilor Serviciului Sanitar și Epidemiologic de Stat al Ucrainei
  • Ziua avocatului Ucrainei
În calendarul popular, Serghei Kapustnik, Coop
  • Zilele numelui Alexandru, Herman, Eugen, Maxim, Nikolay, Pavel, Prokhor, Roman, Serghei, Fedor

Mâine până la 20:02 în a noua zi a ciclului lunar, după - a douăzecea. Datele sunt date pentru fusul orar al Moscovei. Nu uitați să faceți un amendament pentru locul de reședință!

Ziua mondială de corespondență

8festival, 8day, 26memory date

  • concediu
  • Ziua lui Columb în SUA
  • Ziua Recunostintei în Canada
  • Ziua Educației Fizice în Japonia
  • Ziua proclamării alfabetului coreean
  • Ziua de demnitate națională în Peru
  • Ziua agentului imobiliar din Ucraina
În calendarul național Ivan Teologul
  • Zilele de nume Alexandru, Vladimir, Dmitriu, Ivan, Nikolay, Tikhon, Athanasius, Ephraim






Trimiteți-le prietenilor: