Imprimer la Page

Forum-webmaster

Webdesign / graphisme => Webdesign => Message commencé par: MagicManu le le 11-07-2003 a 20:37:41

Titre: Animation (autre que GIF)
Posté par: MagicManu le le 11-07-2003 a 20:37:41

Salut @ tous,
je cherche un moyen d'afficher successivement 2 images comme dans cet exemple :

Actuellement j'utilise des GIF, les visiteurs de mon site proposent une voiture (images avant / apres) mais comme il est impossible de créer cette animation GIF automatiquement en PHP j'aimerai savoir si il y a une autre solution.

C'est facile de créer 2 miniatures (2 JPG par exemple) a partir des grandes, mais comment les afficher successivement ensuite ?
code PHP, javascript, une autre idée ??

Merci.
Manu - www.magicmanu.com

Titre: Re:Animation (autre que GIF)
Posté par: onkr le le 12-07-2003 a 07:14:33

Citation:

code PHP, javascript, une autre idée ??

-javascript #1 = automatique
-javascript #2 = onmouseover
-applet java.

lequel ?

onkr.

Titre: Re:Animation (autre que GIF)
Posté par: MagicManu le le 12-07-2003 a 12:50:50

Citation de: onkr le le 12-07-2003 a 07:14:33

-javascript #1 = automatique

je ne connais pas le javascript mais si tu as des exemples de code je suis preneur, je cherche a faire la même chose qu'au dessus, une animation automatique.

Titre: Re:Animation (autre que GIF)
Posté par: onkr le le 12-07-2003 a 14:42:24

ok,
tu peux faire ton marché , merci de me prevenir quand tu as pris ce que tu veux (clic droit , afficher la source , etc .. ).

j'ai mis une page (4 frames) avec ton gif , un "onmouseover", un automatique (plus gros) et un applet .

http://bluejayway.free.fr/anim/index.htm (http://bluejayway.free.fr/anim/index.htm)

onkr

Titre: Re:Animation (autre que GIF)
Posté par: MagicManu le le 12-07-2003 a 17:45:06

Merci pour ton aide, l'automatique est tout a fait ce que je cherchai !

Après analyse du code, je l'ai simplifié :

Citation:

<SCRIPT LANGUAGE="JavaScript">
imgPath = new Array;
version = navigator.appVersion.substring(0,1);
if (version >= 3)
   {
   imgPath[1] = '174a.jpg';
   imgPath[1] = '174b.jpg';
   }
a = 0;
function StartAnim()
   {
   if (version >= 3)
      {
      document.write('<IMG SRC="174a.jpg" BORDER=0 NAME=defil>');
      defilimg()
      }
   else
      document.write('<IMG SRC="174a.jpg" BORDER=0>')
   }
function defilimg()
   {
   if (a == 2)
      a = 0;
   if (version >= 3)
      {
      document.defil.src = imgPath[a];
      tempo3 = setTimeout("defilimg()",1000);
      a++;
      }
   }

StartAnim();
</SCRIPT>

Il me reste un dernier problème, les noms des images sont des variables PHP dans mon programme et je ne sais pas comment utiliser une variable PHP dans un code Javascript.
J'ai essayé <? echo $numero_img; ?> mais ça ne semble pas fonctionner ???
Une idée pour ça ? Passe par une variable Javascript ?

Merci

Titre: Re:Animation (autre que GIF)
Posté par: MagicManu le le 12-07-2003 a 18:40:46

C'est bon, ça marche !
j'au mis :
document.write('<IMG SRC="<? echo $numero_img; ?>a.jpg" BORDER=0 NAME=defil>');

en fait les balises PHP ne sont pas reconnus dans Dreamweaver mais ça marche quand même.

Par contre j'ai mis ce code est dans une boucle, il peux donc être executer 50 fois sur une même page.
N'y a t-il pas moyen de mettre ce code entre les balises <head> et </head> en passant un paramètre dans l'appel de la fonction ?
Un truc du genre : StartAnim(174); ?

Titre: Re:Animation (autre que GIF)
Posté par: onkr le le 12-07-2003 a 18:41:36

comme tu parlais de "grandes" et de miniatures , je pensais que tu voulais un lien pour les agrandir ...

attention au imgPath[1] qui a 2 valeurs dans ta modif.

pour ton prob php , essaies sur le forum adequat .

++

Onkr.