2009-05-07 5 views
0

J'ai un ASP. Site web net 2.0 avec C# 2005 comme langage de programmation. J'utilise CSS pour la mise en page. Actuellement, j'utilise une image .Gif simple/statique comme en-tête. Je voudrais améliorer le look en utilisant une animation dans l'en-tête. J'ai utilisé quelques utilitaires flash pour concevoir ma bannière animée requise. Mais comme je n'ai pas pu utiliser le fichier .swf directement, je l'ai converti en .Gif que je suis capable d'utiliser et d'afficher. Le problème est que le fichier .swf d'origine était de la taille d'environ 75 Ko alors que le fichier .Gif converti est énorme (environ 4,5 Mo). Je veux afficher le fichier .swf d'origine pour améliorer la vitesse.Afficher un fichier .swf en tant qu'ASP Page .NET en-tête

J'ai utilisé la feuille de style CSS pour afficher la bannière animée .Gif. Je ne sais pas comment je peux utiliser le fichier .Swf directement.

Veuillez me guider.

Merci.

Lalit Kumar Barik

Répondre

0

Je n'ai pas fait, mais je l'ai trouvé quelques exemples de code sur CodeProject.

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="200" height="100"> 
    <param name="movie" value="<% =swfFileName%>" /> 
    <param name="quality" value="high" /> 
    <embed src="<% =swfFileName%>" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="100"></embed> 
</object> 

Je pense que cela devrait vous aider à démarrer. Il est évident que vous devez remplacer <% =swfFileName%> par une référence au fichier .swf que vous voulez lire.

0

Vous pouvez rechercher SWFObject est un très bon moyen standard pour intégrer Flash ... google recherche swfobject est ici le code/balisage ...

ÉTAPE 1: Intégrer à la fois du contenu Flash et le contenu alternatif utilisant des normes balisage conforme

balisage de base de SWFObject utilise la méthode emboîtés-objets (avec des commentaires conditionnels exclusifs d'Internet Explorer) pour assurer le support multi-navigateur optimale au moyen de balisage que, tout en étant conforme aux normes et en soutenant un contenu alternatif

SWFObject - étape 1

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420"> 
    <param name="movie" value="myContent.swf" /> 
    <!--[if !IE]>--> 
    <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420"> 
    <!--<![endif]--> 
     <p>Alternative content</p> 
    <!--[if !IE]>--> 
    </object> 
    <!--<![endif]--> 
    </object> 

</div> 

REMARQUE: La méthode emboîtés-objets nécessite une définition double objet (l'objet externe ciblant Internet Explorer et l'objet interne ciblant tous les autres navigateurs) , vous devez donc définir deux fois les attributs de votre objet et les éléments param imbriqués.

Attributs obligatoires:

* classid (outer object element only, value is always clsid:D27CDB6E-AE6D-11cf-96B8-444553540000) 
* type (inner object element only, value is always application/x-shockwave-flash) 
* data (inner object element only, defines the URL of a SWF) 
* width (both object elements, defines the width of a SWF) 
* height (both object elements, defines the height of a SWF) 

requis élément param:

* movie (outer object element only, defines the URL of a SWF) 

NOTE: Nous vous conseillons de ne pas utiliser l'attribut codebase pour pointer vers l'URL du programme d'installation de plugin Flash sur les serveurs d'Adobe, parce que ceci est illégal selon les spécifications qui limitent son accès au domaine du document actuel uniquement. Nous vous recommandons d'utiliser un contenu alternatif avec un message subtil indiquant qu'un utilisateur peut avoir une expérience plus riche en téléchargeant le plugin Flash à la place. Comment pouvez-vous utiliser le HTML pour configurer votre contenu Flash?

Vous pouvez ajouter les éléments suivants attributs facultatifs souvent utilisés à l'élément d'objet:

* id 
* name 
* class 
* align 

Vous pouvez utiliser les éléments param spécifiques en option Flash suivants: (plus d'info):

* play 
* loop 
* menu 
* quality 
* scale 
* salign 
* wmode 
* bgcolor 
* base 
* swliveconnect 
* flashvars 
* devicefont (more info) 
* allowscriptaccess (more info here and here) 
* seamlesstabbing (more info) 
* allowfullscreen (more info) 
* allownetworking (more info) 

Pourquoi devrait vous utilisez un contenu alternatif? L'élément d'objet vous permet d'imbriquer un contenu alternatif à l'intérieur de celui-ci, qui sera affiché si Flash n'est pas installé ou pris en charge. Ce contenu sera également repris par les moteurs de recherche, ce qui en fait un excellent outil pour créer du contenu adapté aux moteurs de recherche. Pour résumer, vous devez utiliser un contenu alternatif lorsque vous souhaitez créer un contenu accessible aux personnes qui naviguent sur le Web sans plugins, créer un contenu compatible avec les moteurs de recherche ou indiquer aux visiteurs qu'ils peuvent bénéficier d'une expérience utilisateur plus riche en téléchargeant le plug-in Flash. .

ÉTAPE 2: Inclure la bibliothèque JavaScript SWFObject dans la tête de votre page HTML

La bibliothèque SWFObject se compose d'un fichier JavaScript externe. SWFObject sera exécuté dès sa lecture et effectuera toutes les manipulations DOM dès que le DOM est chargé - pour tous les navigateurs qui supportent cela, comme IE, Firefox, Safari et Opera 9+ - ou autrement dès que l'événement onload incendies:

SWFObject - étape 2

<script type="text/javascript" src="swfobject.js"></script> 

->

contenu alternatif

->

ÉTAPE 3: Enregistrez votre contenu Flash avec la bibliothèque SWFObject et dire SWFObject quoi faire avec elle

d'abord ajouter un identifiant unique à l'extérieur balise d'objet qui définit votre contenu Flash. Deuxième ajouter la méthode swfobject.registerObject:

  1. Le premier argument (chaîne, obligatoire) spécifie l'ID utilisé dans le balisage.
  2. Le deuxième argument (Chaîne, obligatoire) spécifie la version de Flash Player pour laquelle votre contenu est publié. Il active la détection de version Flash pour un fichier SWF afin de déterminer s'il doit afficher le contenu Flash ou forcer le contenu alternatif en effectuant une manipulation DOM. Alors que les numéros de version Flash se composent normalement de major.minor.release.build, SWFObject ne regarde que les 3 premiers chiffres, donc "WIN 9,0,18,0" (IE) ou "Shockwave Flash 9 r18" (tous les autres navigateurs)) se traduira par "9.0.18". Si vous ne voulez tester qu'une version majeure, vous pouvez omettre les numéros de mineur et de version, comme "9" au lieu de "9.0.0".
  3. Le troisième argument (String, facultatif) peut être utilisé pour activer l'installation express d'Adobe et spécifier l'URL de votre fichier SWF d'installation rapide. Installation rapide affiche une boîte de dialogue de téléchargement de plug-ins Flash standard au lieu de votre contenu Flash lorsque la version de plug-in requise n'est pas disponible. Un fichier expressInstall.swf par défaut est fourni avec le projet.Il contient également les fichiers expressInstall.fla et AS correspondants (dans le répertoire SRC) pour vous permettre de créer votre propre expérience d'installation express personnalisée. Notez que l'installation rapide ne se déclenche qu'une fois (la première fois qu'elle est appelée), qu'elle est uniquement prise en charge par Flash Player 6.0.65 ou supérieur sur les plates-formes Win ou Mac et qu'elle nécessite une taille SWF minimale de 310x137px.
  4. Le quatrième argument (fonction JavaScript, en option) peut être utilisé pour définir une fonction de rappel qui est appelé à la fois le succès ou l'échec de l'intégration d'un fichier SWF (voir la documentation API)

    SWFObject - étape 3

    <script type="text/javascript"> 
        swfobject.registerObject("myId", "9.0.115", "expressInstall.swf"); 
        </script> 
    
    </head> 
    <body> 
        <div> 
    
        <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420"> 
    
         <param name="movie" value="myContent.swf" /> 
         <!--[if !IE]>--> 
         <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420"> 
         <!--<![endif]--> 
         <p>Alternative content</p> 
         <!--[if !IE]>--> 
         </object> 
         <!--<![endif]--> 
        </object> 
        </div> 
    </body> 
    

Questions connexes