begin process at 2010 03 16 17:10:08
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > UN DIAPORAMA AVEC EFFET 3D

UN DIAPORAMA AVEC EFFET 3D


 Information sur la source

Note :
7,25 / 10 - par 8 personnes
7,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Expert Date de création :24/03/2002 Date de mise à jour :24/03/2002 13:33:40 Vu / téléchargé :82 468 / 13 466

Auteur : Slashgo

Ecrire un message privé
Site perso
Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

 Description

Une petit diaporama simple. Quand vous cliquez le lien suivant, il l'image part en tourbilonant. TOUT EN 3D!!!!!

Source

  • <HTML>
  • <HEAD>
  • <TITLE>Utilisation de DirectAnimation</TITLE>
  • </HEAD>
  • <BODY>
  • <OBJECT id="DAControl" classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D " width="350" height="350">
  • </OBJECT><BR>
  • <SCRIPT LANGUAGE="Javascript">
  • sys = DAControl.PixelLibrary;
  • loadImage = sys.ImportImage("loading.gif");
  • tabDAImage = new Array();
  • tabDAImage[0] = sys.ImportImageAsync("image1.gif",loadImage);
  • tabDAImage[1] = sys.ImportImageAsync("image2.gif",loadImage);
  • tabDAImage[2] = sys.ImportImageAsync("image3.gif",loadImage);
  • tabDAImage[3] = sys.ImportImageAsync("image4.gif",loadImage);
  • tabDAImage[4] = sys.ImportImageAsync("image5.gif",loadImage);
  • DAControl.Image = sys.ModifiableBehavior(tabDAImage[0].Image);
  • DAControl.Start();
  • indPosDA = 0;
  • function diaporamaDA()
  • {
  • imAcc = tabDAImage[indPosDA].Image;
  • indPosDA++;
  • if (indPosDA > 4) indPosDA = 0;
  • numAnim = sys.Sub(sys.DANumber(1),sys.LocalTime);
  • coefRot = sys.Mul(numAnim,sys.DANumber(4*Math.PI));
  • imTrans = imAcc.Transform(sys.Compose2(sys.Scale2UniformAnim(numAnim),
  • sys.Rotate2Anim(coefRot)));
  • compDA = sys.Until(imTrans,sys.Timer(1),tabDAImage[indPosDA].Image);
  • DAControl.Image.SwitchTo(compDA);
  • }
  • </SCRIPT>
  • <A HREF="javascript:diaporamaDA()">Image suivante</A>
  • </BODY>
  • </HTML>
<HTML>
<HEAD>
<TITLE>Utilisation de DirectAnimation</TITLE>
</HEAD>
<BODY>
<OBJECT id="DAControl" classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D " width="350" height="350">
</OBJECT><BR>
<SCRIPT LANGUAGE="Javascript">
sys = DAControl.PixelLibrary;
loadImage = sys.ImportImage("loading.gif");
tabDAImage = new Array();
tabDAImage[0] = sys.ImportImageAsync("image1.gif",loadImage);
tabDAImage[1] = sys.ImportImageAsync("image2.gif",loadImage);
tabDAImage[2] = sys.ImportImageAsync("image3.gif",loadImage);
tabDAImage[3] = sys.ImportImageAsync("image4.gif",loadImage);
tabDAImage[4] = sys.ImportImageAsync("image5.gif",loadImage);
DAControl.Image = sys.ModifiableBehavior(tabDAImage[0].Image);
DAControl.Start();
indPosDA = 0;
function diaporamaDA()
{
  imAcc = tabDAImage[indPosDA].Image;
  indPosDA++;
  if (indPosDA > 4) indPosDA = 0;
  numAnim = sys.Sub(sys.DANumber(1),sys.LocalTime);
  coefRot = sys.Mul(numAnim,sys.DANumber(4*Math.PI));
  imTrans = imAcc.Transform(sys.Compose2(sys.Scale2UniformAnim(numAnim),
  sys.Rotate2Anim(coefRot)));
  compDA = sys.Until(imTrans,sys.Timer(1),tabDAImage[indPosDA].Image);
  DAControl.Image.SwitchTo(compDA);
}
</SCRIPT>
<A HREF="javascript:diaporamaDA()">Image suivante</A>
</BODY>
</HTML>
 

 Conclusion

ZIP-----

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

Source avec Zip UN QUIZZ AUTOCORRIGER AVEC SCORE ET BIENTOT DES LEVEL!!!!!
Source avec Zip TAQUIN
HORLOGE TEMPS REELLE SANS TEXT BOX
Source avec Zip DIGICODE 1.0
Source avec Zip FLY SIMULATOR : VERSION 1 ==&GT; MIRAGE 2000

 Sources de la même categorie

AFFICHER OU CACHER UN COMPOSANT AVEC JAVASCRIPT V1.0 par xloadx
Source avec Zip MOOLOUPE - EFFET DE LOUPE VIA LE FRAMEWORK MOOTOOLS par Miky76
Source avec Zip MOOTOOLTIP par Miky76
Source avec Zip Source avec une capture PAINTPIX (VERSION TESTE. EXPORTATION IMAGE POUR SITE WEB) par sitajony
FONCTION BLINK ( TESTÉE SOUS FF ) PORTABILITÉ IE OP ET GC EN... par xloadx

Commentaires et avis

Commentaire de nitro120 le 19/10/2002 11:48:51

je c ou tu la trouvé !

Commentaire de TonicFlash33 le 18/03/2003 05:52:28

C?est vraiment tip top

Commentaire de MisterJAD le 30/06/2003 17:14:13

nice le truc mé il mank le retour en arrier...

Commentaire de macaque_givre le 19/12/2003 10:26:11

Salut! Je comprends vraiment rien au code de la fonction diaporamaDA()
&lt;br&gt;Mais ayant qq notion de programmation diverse j'ai résolu le
&lt;br&gt;commentaire de MisterJAD en rajoutant deux petites lignes et
&lt;br&gt;chez moi ca fonctionne:

&lt;HTML&gt;
&lt;HEAD&gt;
&lt;TITLE&gt;Utilisation de DirectAnimation&lt;/TITLE&gt;
&lt;/HEAD&gt;
&lt;BODY&gt;
&lt;OBJECT id="DAControl" classid="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D " width="350" height="350"&gt;
&lt;/OBJECT&gt;&lt;BR&gt;
&lt;SCRIPT LANGUAGE="Javascript"&gt;
sys = DAControl.PixelLibrary;
loadImage = sys.ImportImage("loading.gif");
tabDAImage = new Array();
tabDAImage[0] = sys.ImportImageAsync("image1.gif",loadImage);
tabDAImage[1] = sys.ImportImageAsync("image2.gif",loadImage);
tabDAImage[2] = sys.ImportImageAsync("image3.gif",loadImage);
tabDAImage[3] = sys.ImportImageAsync("image4.gif",loadImage);
tabDAImage[4] = sys.ImportImageAsync("image5.gif",loadImage);
DAControl.Image = sys.ModifiableBehavior(tabDAImage[0].Image);
DAControl.Start();
indPosDA = 0;
function diaporamaDA()
{
  imAcc = tabDAImage[indPosDA].Image;

//ici on incrémente indPosDA avec une variable 'variance':
  indPosDA=indPosDA+variance;

  if (indPosDA &gt; 4) indPosDA = 0;

//ici du coup, il faut la sécu inverse:
  if (indPosDA &lt; 0) indPosDA = 4;

  numAnim = sys.Sub(sys.DANumber(1),sys.LocalTime);
  coefRot = sys.Mul(numAnim,sys.DANumber(4*Math.PI));
  imTrans = imAcc.Transform(sys.Compose2(sys.Scale2UniformAnim(numAnim),
  sys.Rotate2Anim(coefRot)));
  compDA = sys.Until(imTrans,sys.Timer(1),tabDAImage[indPosDA].Image);
  DAControl.Image.SwitchTo(compDA);
}
&lt;/SCRIPT&gt;


/* ici j'ai juste rajouté la variable 'variance' et un deuxième lien
pour précédent */
&lt;A HREF="javascript:diaporamaDA(variance=-1)"&gt;Image précédente&lt;/A&gt;
&lt;A HREF="javascript:diaporamaDA(variance=1)"&gt;Image suivante&lt;/A&gt;

&lt;/BODY&gt;
&lt;/HTML&gt;

Voilà, j'espère avoir répondu à ton attente.
Je vais essayer de compiler tout les script de diaporama possible
existant.
S'il est possible de changer l'effet, style: rotation dans l'autre sens, voir apparition de l'image suivante en utilisant cet effet,
mais par dessus celle existante... N'hésite pas à m'envoyer des
explications pour que je sache comment faire!
Merci d'avance!
Mac.G

Commentaire de webandco le 07/08/2004 17:15:42

Bonjour,
j'ai pris ton code source car je trouvais le diaporama super chouette.
Seul problème : il ne fonctionne pas sous Mozilla.
Je reçois comme message d'erreur :
DAControl is not defined
TabDAImage is not defined.

Quelqu'un pourrait-il m'aider à résoudre ce problème?

Merci

Véro

Commentaire de yannzickler le 16/11/2004 17:34:55

bonjour

ce script ne fonctionne pas sur Firefox 1.0

y a t il une solution ?

merci yann

Commentaire de thibault31 le 28/01/2005 03:56:51

Je confirme... çà ne fonctionne pas sur Firefox... domage, l'effet est super chouette... Y a pas moyen de le faire tourner en boucle tout seul à intervale de temps régulier ?

Commentaire de lili131310 le 28/04/2005 11:05:44

Bonjour, ce script est absolument génial, mais je suis toute débutante. Je l'ai copié collé sur ma page dans Dreamweaver, j'ai remplacé le chemin des photos mais quand je le met en ligne, j'ai un tout p'tit carré qui apparait et pas de photos...
HELP!!! J'adorre ce script pouvez-vous m'aider s'il vous plait?

Commentaire de maxilec le 24/05/2005 19:38:33

je n arrive pas à mettre plus de 10 images dans le diaporama, est-ce normal ? j'aimerai savoir si l'on peut tout de même en mettre  plus que ça. merci

Commentaire de corbat le 17/09/2005 13:45:39

Pour dreamweaver le probleme c'est que ce logiciel genere du code en plus, donc pour le copier coller preferais un editeur tout simple et qui ne rajoute pas de code.

Commentaire de kazma le 22/05/2008 20:11:05

ne fonctionne pas sous IE7

Commentaire de jdubois le 06/10/2008 17:58:07

Ca ne fonctionne sous aucun navigateur récent :( (IE 6 ou Firefox 3.0)

Si vous voulez du vrai beau Carrousel 3D en Javascript, faites un tour ici : http://info2prox.free.fr/references.php

 Ajouter un commentaire




Nos sponsors


Appels d'offres

Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,515 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales