begin process at 2012 05 26 04:02:05
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets d'images

 > DÉFILEMENT D'IMAGES AU PASSAGE DU CURSEUR.

DÉFILEMENT D'IMAGES AU PASSAGE DU CURSEUR.


 Information sur la source

Note :
7,9 / 10 - par 10 personnes
7,90 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets d'images Classé sous :image, images, défilement, defilement, flash Niveau :Débutant Date de création :23/03/2006 Date de mise à jour :23/03/2006 16:05:39 Vu / téléchargé :61 718 / 14 509

Auteur : ricyl2b

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

 Description

Cliquez pour voir la capture en taille normale
Défilement d'images

Défilement d'images lorsque le curseur passe sur l'une des extrémités.

Source

  • 1ère étape :
  • définition de la zone de défilement
  • bordure = 60; // définie la taille de bordure.
  • centre = masque._x + masque._width / 2; // définie le centre.
  • Position = defilement._x; // on met dans Position le défilement des images.
  • Gauchestop = masque._x - bordure; // définie la "zone" de défilement à gauche.
  • Droitestop = masque._x + masque._width + bordure; // définie la "zone" de défilement à droite.
  • Hautstop = masque._y; // définie la "zone" de défilement en haut.
  • Basstop = masque._y + masque._height; // définie la "zone" de défilement en bas.
  • 2ème étape:
  • définition dela vitesse
  • // on vérifie si la souris se trouve dans la "zone" de défilement pour faire défiler les images.
  • if (_xmouse > Gauchestop && _xmouse < Droitestop && _ymouse > Hautstop && _ymouse < Basstop)
  • { // La Vitesse de défilement en fonction de la position (x) de la souris par rapport au centre.
  • Vitesse = (_xmouse - centre) / 20;
  • // On déduit Vitesse de la Position.
  • // Math.round permet d'arrondir à l'entier supérieur.
  • Position = Math.round(Position - Vitesse);
  • } // fin du if.
  • 3ème étape:
  • définition des limites
  • ma_gauche = -267; // la limite à gauche a pour valeur -267.
  • if (Position < ma_gauche) // si Position est au maximun à gauche.
  • { Position = ma_gauche; // bloque Position à gauche.
  • } // fin du if.
  • ma_droite = 800; // la limite à droite a pour valeur 800.
  • if (Position > ma_droite) // si Position est au maximun à droite.
  • { Position = ma_droite; // bloque Position à droite.
  • } // fin du if.
  • defilement._x = Position; // le défilement des images est égal à Position.
  • 4ème étape:
  • boucle le programme
  • gotoAndPlay(2);
  • // retour à la deuxième image
  • // permet d'effectuer le défillement à volonté
1ère étape :
définition de la zone de défilement
	bordure = 60; // définie la taille de bordure.
centre = masque._x + masque._width / 2; // définie le centre.
Position = defilement._x; // on met dans Position le défilement des images.
Gauchestop = masque._x - bordure; // définie la "zone" de défilement à gauche.
Droitestop = masque._x + masque._width + bordure; // définie la "zone" de défilement à droite.
Hautstop = masque._y; // définie la "zone" de défilement en haut.
Basstop = masque._y + masque._height; // définie la "zone" de défilement en bas.

2ème étape:
définition dela vitesse
	

// on vérifie si la souris se trouve dans la "zone" de défilement pour faire défiler les images.
if (_xmouse > Gauchestop && _xmouse < Droitestop && _ymouse > Hautstop && _ymouse < Basstop)

{ // La Vitesse de défilement en fonction de la position (x) de la souris par rapport au centre.
Vitesse = (_xmouse - centre) / 20;
// On déduit Vitesse de la Position.
// Math.round permet d'arrondir à l'entier supérieur.
Position = Math.round(Position - Vitesse);
} // fin du if.
3ème étape:
définition des limites
	

ma_gauche = -267; // la limite à gauche a pour valeur -267.
if (Position < ma_gauche) // si Position est au maximun à gauche.
{ Position = ma_gauche; // bloque Position à gauche.
} // fin du if.

ma_droite = 800; // la limite à droite a pour valeur 800.
if (Position > ma_droite) // si Position est au maximun à droite.
{ Position = ma_droite; // bloque Position à droite.
} // fin du if.

defilement._x = Position; // le défilement des images est égal à Position.
4ème étape:
boucle le programme
	

gotoAndPlay(2);
// retour à la deuxième image
// permet d'effectuer le défillement à volonté


 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


 Historique

23 mars 2006 16:05:40 :
Tutorial pour apprendre à faire un défilement d'images.

 Sources du même auteur

Source avec Zip EXEMPLE SIMPLE DE COMMUNICATION ENTRE UNE BASE DE DONNÉES ET...
Source avec Zip CHARGEMENT D'UN XML (EN RESPECTANT SON CODE HTML) DANS FLASH
Source avec Zip Source avec une capture FLASH - PHP
Source avec Zip Source avec une capture CONTROLEUR DE VOLUME DANS FLASH.
Source avec Zip Source avec une capture ALBUM PHOTO AVEC FLASH ET XML

 Sources de la même categorie

Source avec Zip Source avec une capture LOUPE PARAMÉTRABLE par Hubert79
Source avec Zip Source avec une capture EFFET D'EAU RÉALISTE - AS2 par Choumoumou
Source avec Zip Source avec une capture DIAPORAMA FLASH XML + FLASH par nixoulamasse
Source avec Zip Source avec une capture BOUTON DE VOLUME par pegase31
Source avec Zip FLASH : DIAPORAMA DYNAMIQUE AVEC FICHIER XML par nixoulamasse

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture CARROUSEL MENU FLASH AS3 2012 par captainpat
Source avec Zip CLASS IMAGE ET IMAGEEVENT par top30
AS3 - CHARGER UNE IMAGE EXTERNE, L'UTILISER PLUSIEURS FOIS (... par SuperChouquette
Source avec Zip Source avec une capture DIAPORAMA FLASH XML + FLASH par nixoulamasse
Source avec Zip Source avec une capture DÉFILEMENT D'IMAGE (LOADMOVIE OU LOADCLIP) par josselinbonnin

Commentaires et avis

Commentaire de pegase31 le 23/03/2006 17:06:21 administrateur CS

tu devrais chercher dans les sources dispo ici ... il y en a des tas bien plus efficaces et simples que la tienne ..

Peg'

Commentaire de ricyl2b le 23/03/2006 19:08:08

merci pour le conseil.

Commentaire de allhambra le 06/07/2006 14:44:16

message d'erreur format de fichier inattendu

Commentaire de valentinos le 21/07/2006 15:09:05

C'est exactement ce que je souhaiterais faire, mais lorsque j'ouvre le .fla, flash m'indique format de fichier inattendu.
Peux tu me dire qu'elle est la raison? Je suis sous flash mx. J'aimerai vraiment pouvoir l'ouvrir...

Merci d'avance

Val

Commentaire de ally3004 le 16/10/2006 15:38:04

pareil ! imossible d'ouvrir le fichier FLA !!

Une solution??

merci

Bénédicte

Commentaire de paranoise le 17/10/2006 16:00:03

je peux savoir quelle source marche mieux? je trouve po

Commentaire de coulou59 le 03/01/2007 20:38:51

Le fichier FLA fonctionne parfaitement.
Merci à ricyl2b ;)

Juste une remarque, ça serait excellent que les images tournent en boucle et qu'il y ait une option pour définir si l'on veut que les images tournent seulement dans un sens.
Ca pourrait servir à d'autres choses.
Encore merci

Commentaire de josselinbonnin le 28/01/2007 22:43:00

Sa tien sur une seule clé, ton truc

gauche = masque._x;
droite = masque._x+masque._width;
haut = masque._y;
bas = masque._y+masque._height;
centre = masque._x+masque._width/2;
//position a gauche :  defilement._x = masque._x
//position au centre : defilement._x = defilement._x = masque._x+masque._width*0.5-defilement._width*0.5;
//position a droite :  defilement._x = defilement._x = droite-defilement._width;


defilement._x = masque._x;

onEnterFrame = function () {
if (_xmouse>gauche && _xmouse<droite && _ymouse>haut && _ymouse<bas) {
defilement._x = Math.round(defilement._x-((_xmouse-centre)/20));
}
if (defilement._x>gauche) {
defilement._x = gauche;
}
if (droite>defilement._x+defilement._width) {
defilement._x = droite-defilement._width;
}
};

Commentaire de vinz2002 le 26/02/2007 19:54:42

Thanks ricyl2b ca marche nickel

Commentaire de mixed02 le 01/07/2007 13:13:54

Merci pour le code en 1 seule clé, ça marche, mais dès que j'augmente le nombre d'images, ça marche plus !! Pourquoi ? JosselinBonnin, je suis sure que tu connais la réponse, ...

Commentaire de yukio75001 le 31/07/2007 18:19:48

bonjour je cherche a faire un defilement mais en verticale peut on m'aider s'il vous plait

Commentaire de Nathalie F le 30/08/2007 11:35:16

Bonjour,
Je trouve ce script très bien, cependant je souhaiterai que mes images soient cliquables et qu'elles générent un événement (par exemple un cadre explicatif qui se supperpose aux images)et surtout que le défilement soit suspendu.
Quelqu'un peut m'aider ?
Merci d'avance.
Nathalie

Commentaire de cmarittima le 10/02/2009 11:40:48

hey,
C'est cool d'avoir le code mais serait-il possible d'avoir les differentes etapes? Je nage un peu dans tout ca :s
Par quoi faut-il commencer??

Merci

Commentaire de puma67000 le 17/04/2009 12:06:41

commen fait on pour modifier les images je débute et j'aurai besoin d'aide
merci

Commentaire de chendelus le 28/04/2009 12:22:40

Bonjour,
J'ai installé le fichier defilement.swf (et defilement.fla), cela fonctionne bien (J'utilise Golive CS pour Mac).
Cependant je n'arrive pas à remplacer les images par les miennes.
Je n'ai pas d'expérience sur Flash. Je ne comprends pas où sont stockées les images. Quand j'essaie avec Flash CS3 de remplacer les images (ajout dans la bibliothèque puis glissement sur la scène), plus rien ne fonctionne.
Merci pour votre aide

Pour information, voici le code généré par Golive quand je glisse defilement.swf sur l'espace de mise en page :

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="190" width="657">
<param name="movie" value="defilement.swf">
<param name="quality" value="best">
<param name="play" value="true">
<embed height="190" pluginspage="http://www.macromedia.com/go/getflashplayer" src="defilement.swf" type="application/x-shockwave-flash" width="657" quality="best" play="true">
</object>

Commentaire de cmarittima le 28/04/2009 15:08:44

Chendelus

Ce que tu pourrais faire a la place de les mettre directement sur scène, c'est de les remplacer par des loaders. les images doivent être stoker dans le fichier que ton fla.

Commentaire de kodjoe le 04/05/2009 13:59:07

bonjour lorsque je télécharge les fichier je n'arrive pas à les ouvrir et comme je sais que la programmation et tirée du fichier.fla je n'ai pas réussie à l'ouvrir aussi avec Flash, donc j'aimerai savoir comment faire ...

De plus je n'ai pas compris la source notée au dessus... Peut on m'expliquer donc comment ouvrir et comment intégrer cette source dans mon fichier php

Commentaire de usdennis le 30/11/2009 16:55:25

dommage qu'il n'y ait pas de réponses pour ceux qui n'arrivent pas à ouvrir le FLA, il serait bon d'indiquer la version de Flash à utiliser. On gagnerait beaucoup de temps.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Pb affichage image depuis base donnee avec Flash [ par meudeuk ] Bonjour,alors voila , en gros je dois realiser une application en flash, qui affiche des messages textes et images recuperes dans une base de donnees. mx 2004 + xml = jpeg disproportionné [ par benoubros ] salut à tous, d'habitude je me débrouille tout seul mais là vraiment j'en peux plus!!je fais un diapo en flash en appelant un fichier xml qui fournit aide svp... image externe et flash [ par nace1979 ] bonjour, j'ai poster un message il y a qques jours mais pas de reponse.. et j'ai vraiment besoin de votre aide... J'ai besoin de faire un site en fl deformer une image [ par boner ] voila j'aimerai pouvoir deformer des images importées (jpg,png...) dans le but de creer une certaine perspective et autres,... la fonction "distort" d flash mx son sur images diaporama [ par papalima91 ] Hello ! J'ai un diaporama et je veux mettre un extrait mp3&nbsp;&nbsp; de chanson, d'une dur&#233;e environ 10", sur chaque image. Il faut que la lect Images alternatives [ par tontonbpo ] Bonjour,Quand j'utilise une image alternative pour un PC sans le plugin Flash, elle s'affiche, mais s'affiche aussi, &#224; la place de l'animation, u xml+flash [ par malade972 ] bonjour, j'ai un fichier .xml qui g&#233;re mes images, et&nbsp; j'aimerai r&#233;cup&#233;rer une image a l'aide de ActionScript pour une appli en f un défilement d'images... besoin d'aide SVP [ par Snoop67 ] Bonjour tout le monde, Actuellement je dois faire un site internet pour des amis et ils voudraiet que j'intègre une animation flash de ce genre (www.r Afficher des image depuis... [ par R4zoX ] Bonsoir, je suis novice dans Flash 8 j'ai une banniere en flash (.swf) ou il y as un petit carré de 150x150px ,  je voudrais afficher des images de 15 Gommer une image sous flash [ par stefde10 ] Bonjour à tous,Voilà mon petit problème : j'essaie de faire appa


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
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 (4)

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