Fil d'ariane : DaWeed.info » flash, javascript » Faciliter l’intégration des sites fullflash

6 sept 2007

Faciliter l’intégration des sites fullflash

Article publié dans la catégorie flash, javascript | lu 41634 fois |

SWFintegrator(v1.0) est une classe javascript qui permet de faciliter l’intégration d’un site fullflash au sein d’une page Html.

 

Cette classe corrige les problèmes couramment rencontrés lors de l’intégration d’un site fullflash:

 

  • scrollbar
  • résolution d’écran trop petite
  • positionnement du flash.
  • redimensionnement de la fenêtre

 

télécharger SWFintégrator

 

principe:

Le principe est de générer, en fonction de la résolution de l’écran, des comportements CSS et javascript pour une < div > qui contient notre fichier swf, et pour la scrollbar.

 

Pour les sites en plein écran, cela permet de ne pas avoir la scrollbar quand ce n’est pas nécessaire mais également de fixer une taille minimum au flash.

 

Pour les sites centrés, la gestion des scrollbars permet de n’avoir de scrollbars que quand cela est nécessaire.
Si la résolution est trop petite, cela évite d’avoir un site qui sorte de l’écran.

 

!! pour que SWFIntegrator fonctionne, il faut retirer le doctype de la page, sinon la hauteur du flash ne convient pas.

démos

Pour les démos la taille minimum à été fixée a 800 /600.
Redimensionnez vos navigateurs au dessus et en dessous pour voir les différences de comportements avec et sans swfintegrator

 

 

 

utilisation

 

[javascript]
var my_SWFintegrator = new SWFintegrator(iMinWidth,iMinHeight,sCssType,sFlashContenaire);
[/javascript]

 

la classe reçoit 4 paramètres:

  • iMinWidth : largeur minimum en px
  • iMinHeight : hauteur minimum en px
  • sCssType : “fullscreen” ou “center”
  • sFlashContenaire : nom de la div contenant le swf.
    par défaut il est a “flashcontent”, valeur dans le swfObject

intégration:

Cette classe a été initialement développée pour fonctionner avec le swfObject, mais elle peut s’intégrer facilement dans d’autres configurations.
Pour cela il suffit de contenir le flash dans une balise < div > et de renseigner l’ID lors de la création du swfintegrator.

 

 

pour l’intégrer avec le swfObject:
[javascript]




[/javascript]

 

 

Pour l’intégrer dans une page html:
[javascript]


[/javascript]

 

 

Pour l’intégrer avec la methode AC_RunActiveContent,
il faut rajouter une div qui contiendra le swf, et passer son Id en parametre de notre objet :
[javascript]



[/javascript]

 

 

télécharger SWFintégrator (la mise a jour - v1.1 )

 

 

!!! Le script a été mis a jour. les modifications de la dernière mise a jour sont disponibles ici !!!

Commentaires