Discussion :

[bart64]

Bonjour,

J'ai récupéré une animation flash à fond transparent qui fait défiler un animal.
Je voudrais que l'animal défile dans une cellule d'un tableau, par-dessus une image par exemple.

Voici le code que j'utilise pour intégrer l'animation flash :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div id="test">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="900" height="100">
    <param name="movie" value="swf/test.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="transparent" />
    <embed src="swf/testi.swf" wmode="transparent" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="900" height="100"></embed>
  </object>
</div>

Or, en faisant ça, l'animation s'intègre mais pousse tous les éléments qui étaient déjà dans la cellule.

Est-il possible de mettre l'animation flash par-dessus tous les éléments déjà présents dans la cellule du tableau ?

Je vous remercie d'avance pour votre aide.

[Ekimasu]

bonjour,

+1, je cherche aussi cette solution.

En fait je l'ai déjà vu quelque part mais je n'arrive plus à mettre la main dessus.

-il faut créer un div
-mettre l flashs dedans
-par un lien ou un javascript, dire au div de charger le flash et se mettre à un endroit adéquat
-..Etc

si quelqu'un connaît l'URL de ce fichu tutorial....

Please...

[GihefBey]

Bonjour,

On peut penser de faire comme souvent quand on veut superposer des éléments, utiliser des positionnements.

Par exemple, une <div> positionnée en relative pour recevoir l'image.
Une autre à l'intérieur positionnée en absolute pour recevoir l'animation.

Du genre

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<div id="pour_image">
  <div id="animFlash">
    <object>
    </object>
  </div>
</div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
#pour_image {
  position: relative;
  width : 814px;
  height : 239px;
  background : #fff url(bg.jpg) repeat 0 0;
  }
#animFlash {
  position : absolute;
  top : 0;
  left : 0;
  }

Vous pouvez tester ça dans cette page.
Il y a été choisi de placer l'image en arrière-plan, mais le texte vous montre que ce n'est pas obligatoire.

-