Gérer le forum:  Aide  •  Rechercher  •  Liste des Membres  •  Groupes d'utilisateurs   •  S'enregistrer  •  Profil  •  Se connecter pour vérifier ses messages privés  •  Connexion 
 besoin d'aide pour une animation Voir le sujet suivant
Voir le sujet précédent
Poster un nouveau sujetRépondre au sujet
Auteur Message
mimousse
Accro à Web-IG
Accro à Web-IG



Sexe: Sexe:Féminin
Messages: 187
Localisation: PARIS

MessagePosté le: Sam 13 Sep 2008 - 20:52 Répondre en citantRevenir en haut

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
Voir le profil de l'utilisateurEnvoyer un message privé

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
Expert du forum



Sexe: Sexe:Masculin
Messages: 636
Localisation: Paris

MessagePosté le: Sam 13 Sep 2008 - 23:18 Répondre en citantRevenir en haut

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)
Voir le profil de l'utilisateurEnvoyer un message privé
United
Accro à Web-IG
Accro à Web-IG


Post-BTS
Sexe: Sexe:Masculin
Messages: 225
Localisation: Oise

MessagePosté le: Sam 13 Sep 2008 - 23:44 Répondre en citantRevenir en haut

Flash, beurk pas bien. Very Happy
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. Very Happy 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. Wink
Voir le profil de l'utilisateurEnvoyer un message privé
mimousse
Accro à Web-IG
Accro à Web-IG



Sexe: Sexe:Féminin
Messages: 187
Localisation: PARIS

MessagePosté le: Sam 13 Sep 2008 - 23:56 Répondre en citantRevenir en haut

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 Very Happy

_________________
LP ATC multimédia
Voir le profil de l'utilisateurEnvoyer un message privé
United
Accro à Web-IG
Accro à Web-IG


Post-BTS
Sexe: Sexe:Masculin
Messages: 225
Localisation: Oise

MessagePosté le: Dim 14 Sep 2008 - 00:49 Répondre en citantRevenir en haut

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. Wink Et c'est valide. Smile
Voir le profil de l'utilisateurEnvoyer un message privé
Barbaro
Forumeur occasionnel
Forumeur occasionnel



Sexe: Sexe:Masculin
Messages: 32
Localisation: Tours

MessagePosté le: Dim 14 Sep 2008 - 14:30 Répondre en citantRevenir en haut

La solution d'United est plus accessible a tout le monde, mais plus longue ^^
Voir le profil de l'utilisateurEnvoyer un message privé
Neelix
Forumeur fréquent
Forumeur fréquent


BTS IG - Option réseau Diplômé
Sexe: Sexe:Masculin
Messages: 77
Localisation: Vitré (35)

MessagePosté le: Dim 14 Sep 2008 - 19:10 Répondre en citantRevenir en haut

P'têt en s'inspirant du code source de la page suivante :
http://samples.webmatze.de/rotating_image_gallery.htm

Wink

_________________
Neelix
Voir le profil de l'utilisateurEnvoyer un message privé
United
Accro à Web-IG
Accro à Web-IG


Post-BTS
Sexe: Sexe:Masculin
Messages: 225
Localisation: Oise

MessagePosté le: Dim 14 Sep 2008 - 19:30 Répondre en citantRevenir en haut

Ca ne marche que sous Safari aussi. C'est encore plus long à adapter que mon ajout de 2 lignes. Very Happy
Voir le profil de l'utilisateurEnvoyer un message privé
Montrer les messages depuis:      
Poster un nouveau sujetRépondre au sujet
 Sauter vers:   



Voir le sujet suivant
Voir le sujet précédent
Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum