Discussion :

[jlb59]

Avant, j'agrandissais une image (flash, png, jpg...) au moyen d'une popup.
Jusque là tout est OK !

J'aurais voulu savoir s'il était possible d'afficher un flash au passage de la souris sur une miniature, donc, il n'y aurait plus de popup !
Pour les images fixes telles que jpg, gif et png, ça marche très bien, mais pas avec une animation flash.

Merci de votre réponse.

[bonnafb]

Tu utilises du Javascript pour faire afficher une popup, non ?
En AS3, tu codes ton animation Flash avec un click qui utilise

Code :

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

ExternalInterface.call

et voilou !

[jlb59]

Bonjour Bonnafb,

Je ne sais pas si c'est du JS comme tu peux le voir :

Code :

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

<a href="pages/ressources/generateur_metas/popups/popup_meta_encodage.html" target="wclose" onclick="window.open('pages/ressources/generateur_metas/popups/popup_meta_encodage.html','wclose','width=600,height=550,toolbar=no,status=no,scrollbars=yes,left=300,top=200')"><img src="images/loupe/lumiere.jpg" border="0" width="15" height="15" alt="Aide"></a>

Ca c'est que je voudrais afficher, mais j'y arrive pas !

Code :

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

1
2
3
4
5
<object type="application/x-shockwave-flash" data="images/clock/analog_clock.swf" id="analog_clock" width="125" height="125">
<param name="movie" value="images/clock/analog_clock.swf">		
<param name="wmode" value="transparent">
<p>Installez le plugin Flash pour voir l'animation : <a href="http://www.adobe.com/go/gntray_dl_getflashplayer_fr" target="_blank" title="LienPlugin">Cliquez ici pour le télécharger</a>
</object>

mais avec ce que tu m'as donné, je dois t'avouer que je suis perdu.
De plus, AS3, c'est quoi exactement ?

En effet, je ne sais pas où le mettre ???

Tu peux m'aiguiller STP ?

Merci d'avance.

[bonnafb]

Effectivement c'est du Javascript qui affiche ton popup (window.open)

Si tu ne sais pas ce qu'est l'AS3, on est mal barré
Pour ce que tu veux faire avec ton animation Flash, il faut la "programmer" dans Flash (ou Flex), pour ça il te faut suivre un peu des didacticiels, les bases au moins...

[jlb59]

Tu as raison de dire qu'on est mal barré !

Pour infos, je n'utilise pas le logiciel Flash mais Swish.
Ce dernier fait pratiquement la même chose et, à mon avis, est plus facile de manipulation.

Comme je ne fais pas plein d'animations flash, je suis un peu (beaucoup) dépassé. J'en ai fait qq unes pour mon site et c'est tout.

Si tu veux et si tu as le temps, va voir ce qsue je voudrais faire... mais sans popup :
Animation Flash sur mon site
et en cliquant sur l'image, je mets l'animation Flash mais dans une popup.

[beekeep]

Bonjour,

il suffit de charger l'animation lors du clic sur l'image.

Code HTML :

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

<img src="..." onclick="javascript:chargerAnimation()" />

la fonction javascript peut simplement utiliser swfobject pour charger l'animation dans une div qui peut être n'importe où dans la page.

[jlb59]

Ca a l'air bien ton script, mais malheureusement, ça ne marche pas !

Le mieux pour que tu comprennes bien serait de voir le code Css, Html et JS :

CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
#idDivImage{
 border: 5px outset #AAAAAA;
 position: absolute;
 float: left;
/*
 float: right;
*/
 display: none;
 z-index: 100;
}
.miniature{
 width: 50px;
}

HTML

Code :

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

1
2
<img class="miniature" src="pages/graphisme/flash_swish/g_swish.png" onmouseover="popImage(this)" onmouseout="fermeImage()">
<div id="idDivImage"><img id="idImage" src=""></div>

Et le JS

Code :

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

1
2
3
4
5
6
7
8
9
function popImage(image)
{
 document.getElementById("idDivImage").style.display = "block";
 document.getElementById("idImage").src=image.src;
}
function fermeImage()
{
 document.getElementById("idDivImage").style.display = "none";
}

Je ne sais plus où j'ai eu tout ça, mais c'est pas mal ! Mieux que les popups en tout cas. C'est nettement plus rapide !

Si tu pouvais voir tout ça en détails, ce serait super sympa, parce que je suis perdu... et bien même.

J'ai essayé (avec ce que j'avais et connaissais) plusieurs moyens, mais rien n'y a fait.
Pour les images fixes, c'est tout cool, mais pour une image flash, alors là c'est la galère !

Merci de ton aide.

[beekeep]

le mieux est d'utiliser swfobject :

Code :

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

swfobject.embedSWF("myContent.swf", "maDIV", "300", "120", "9.0.0");

http://code.google.com/p/swfobject/wiki/documentation

[jlb59]

Tu as sans doute raison, mais comme je fais peu de flash... et le tuto vu est en anglais (c'est pas mon fort).

J'ai regardé à l'adresse que tu m'as donnée, cela revient au même de ce que j'avais avant dans la popup, or, je voudrais me passer de la popup ????

[beekeep]

voila un petit exemple en PJ créé à partir de cette page :
http://r-hunel.developpez.com/tutori...yle-ligthview/

[jlb59]

voila un petit exemple en PJ créé à partir de cette page :
http://r-hunel.developpez.com/tutori...yle-ligthview/

Merci beekeep,
Cela est surprenant de voir le résultat.
Ca m'a l'air parfait, alors, je vais faire le nécessaire pour cela (flash), si j'arrive à l'afficher... on verra bien.

Je considère que c'est résolu, donc je vais le signaler.

Bonne journée et merci beaucoup encore de ta sollicitude.