Auteur |
Message |
mimousse
Accro à Web-IG
Sexe:
Messages: 187
Localisation: PARIS
|
Posté le:
Sam 13 Sep 2008 - 20:52 |
|
Je vais poser une question qui est peut etre un peu cbête mais je voudrais créer une animation de tel sorte que quand la souris passe sur l'image (sans cliquer), l'image fait un tour sur elle même. j'ai réussi à la faire sous flash CS3 mais là elle tourne sans arret. Moi je voudrais juste qu'elle tourne quand la souris passe dessus. Hors je ne sais pas comment faire,quel code mettre? Ou alors la faire sous php je ne sais pas? |
_________________ LP ATC multimédia |
|
|
|
N'oubliez pas de vous inscrire à la communauté pour participer. Si vous êtes déjà membre, connectez-vous pour faire disparaître ce bandeau publicitaire. |
bete2style
Expert du forum
Sexe:
Messages: 636
Localisation: Paris
|
Posté le:
Sam 13 Sep 2008 - 23:18 |
|
Je vois de quoi tu parles, mais je sais pas du tout comment c'est réalisable. Peut etre pourrais tu un peu " tricher " en utilisant un evenement javascript tel que onMouseOver ... ? |
_________________ Chef de projet en Architecture et Déploiement Réseau - Spécialisé en ToIP
Certifié ITIL Foundation v3
Diplôme - Master en Informatique et Mathématiques Appliqués (MIAGE) |
|
|
|
United
Accro à Web-IG
Sexe:
Messages: 225
Localisation: Oise
|
Posté le:
Sam 13 Sep 2008 - 23:44 |
|
Flash, beurk pas bien.
La meilleure solution pour moi consiste à créer à gif de ton image qui tourne.
Tu prends ton image, tu la tournes de 20° (par exemple), enregistre. Tu tournes encore de 20° et enregistre en une autre image etc... jusqu'à avoir 360/20 = 18 images.
Tu les assembles en .gif à l'aide d'un soft genre unfreez.
Ensuite un coup de onmouseover comme dit la bête. Même si c'est encore pas bien car du javascript. Y'a ptete une solution en CSS en jouant avec le :hover mais IE n'accepte les :hover sur les a d'après mes souvenirs. Mais il y a ptete un moyen de contourner ça, si ça t'intèresse dis toujours, que je teste avant. |
|
|
|
|
mimousse
Accro à Web-IG
Sexe:
Messages: 187
Localisation: PARIS
|
Posté le:
Sam 13 Sep 2008 - 23:56 |
|
merci bcp de m'avoir répondu. Je vais faire comme vous m'avez dit, ca n'engage à rien d'essayer hii. Je vous tiens au courant |
_________________ LP ATC multimédia |
|
|
|
United
Accro à Web-IG
Sexe:
Messages: 225
Localisation: Oise
|
Posté le:
Dim 14 Sep 2008 - 00:49 |
|
Tester et approuver sous Opera, IE, Safari et Firefox.
Code: |
<body>
<div></div>
</body>
|
Code: |
div {
background-image: url('image1.png');
height: taille_de_ton_image_en_px;
width: taille_de_ton_image_en_px;
}
div:hover {
background-image: url('image2.gif');
} |
Plus long que le onmouseover certes, mais si le type a désactivé javascript, il verra quand même l'effet. Et c'est valide. |
|
|
|
|
Barbaro
Forumeur occasionnel
Sexe:
Messages: 32
Localisation: Tours
|
Posté le:
Dim 14 Sep 2008 - 14:30 |
|
La solution d'United est plus accessible a tout le monde, mais plus longue ^^ |
|
|
|
|
Neelix
Forumeur fréquent
Sexe:
Messages: 77
Localisation: Vitré (35)
|
Posté le:
Dim 14 Sep 2008 - 19:10 |
|
|
|
|
United
Accro à Web-IG
Sexe:
Messages: 225
Localisation: Oise
|
Posté le:
Dim 14 Sep 2008 - 19:30 |
|
Ca ne marche que sous Safari aussi. C'est encore plus long à adapter que mon ajout de 2 lignes. |
|
|
|
|
|