La Communauté Webmaster  forum rss


  Forum-webmaster
  Webdesign / graphisme
  Webdesign
(Modérateurs: Shain, Lilian, lauryv, ToToMaStEr)
  roll over - ation script
« Précédent Suivant »
Pages: [1] 2 Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: roll over - ation script  (Lu 2534 fois)
roll over - ation script
« sur: le 09-02-2009 a 18:07:08 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

Bonjour,

Je suis graphiste et je rencontre un problème auquel  je n arrive pas à trouver solution.
Grossomodo,
j'ai construit mon site avec des roll over.

et aujourd hui, j aimerais qu'au passage de ma souris à un un endroit X mon animation apparaisse sur un  endroit Y, mais sur la même page html.

voilà cher integrateur ! oui car il me semble que c du java script et cela me depasse....
j espère que vous pourrez m aiguillez de vos lumières...

bonne soiree

Rapporter au modérateur  

Re:roll over - ation script
« Répondre #1 sur: le 09-02-2009 a 21:43:22 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

si quelqu un pouvait repondre,
ce serait sympa !

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #2 sur: le 10-02-2009 a 22:39:34 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

Tu parles de "ton animation"; tu pourrais préciser stp ? C'est une anim flash qui doit être visible uniquement quand on passe à un certain endroit ? Elle doit démarrer à ce moment-là, ou autre chose ?

Merci

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:roll over - ation script
« Répondre #3 sur: le 11-02-2009 a 10:42:40 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bonjour !!!!

ouiiiii c exactement ça !

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #4 sur: le 11-02-2009 a 14:28:05 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

Bon, pour la première partie, il suffirait de mettre ton anim dans un bloc en display : none et de faire passer le display à block lors du survol de l'élément souhaité. Ca c'est pas un problème, je te ponds le script en 2mn une fois que tu colles un id à chaque élément concerné (le lien et le bloc de l'anim).
Pour lancer l'anim flash, ça doit pouvoir se faire en javascript, mais j'ignore comment (mais je suis quasiment sûr que nous avons affaire à un serial killer euh je voulais dire qu'on peut faire communiquer anim flash et javascript).

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:roll over - ation script
« Répondre #5 sur: le 11-02-2009 a 15:02:08 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

tu m as l air d être très doué : les mots fusent dans tout les sens !
je ne connait rien sur flash (je bidouille jusqu à present en copiant les scripts à droite à gauche...); c donc super difficile pour moi...

afin que ce soit facile pour toi et pour moi,
que veux tu que je te transmette?
mettre mon anim ds une bloc en display? qu est ce que c est....

enfin voilà,
y a du boulot

à toute à l heure
si tu veux, transmets moi ton adress mail
et l on mettra ensuite sur le forum toutes tes trouvailles ? qu en pense tu

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #6 sur: le 14-02-2009 a 20:58:41 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Salut,

Bon, pour la première partie, je vais essayer de te faire une mini page d'exemple demain. Sinon, pour la partie "démarrer l'anim quand le survol a lieu", je vais voir si je ne connais pas quelqu'un qui sache faire ça.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:roll over - ation script
« Répondre #7 sur: le 15-02-2009 a 01:01:24 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

hello mon sauveur !
j imagine que ce qui suit t es evidant mais je me suis dit que ce serait plus simple pour moi et pour toi!

voilà la balise qui permettra le survol
<img src="web/web_33.jpg" alt="" name="recherches_33" width="77" height="140" id="recherches_33" />

et la balise ou apparaitra mon animation
<img id="recherches_18" src="recherches/recherches_18.jpg" width="589" height="381" alt="" />

merci encore

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #8 sur: le 17-02-2009 a 20:32:38 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Hein ? Ton animation est une balise img affichant un jpg ? Euh je suis perdu là.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:roll over - ation script
« Répondre #9 sur: le 17-02-2009 a 21:36:48 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

en fait j ais fait mon site sous tranche ; et en les enregistrant, pour y mettre des image, je les ai parametré en image. d ou le format jpeg.

mais sur ces mêmes balise enregistrés pour recevoir des images, l'animation flash marche. sans le survol evidemment ; d'ou ma demande.

tu veux dire que par rapport à ce parametrage initial, je ne pourrait pas y faire mon action script en question ? (demarrage de l'anim au survol)

merci et à plus tard.

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #10 sur: le 18-02-2009 a 18:39:04 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Euh je m'embourbe sévèrement là : tu parles d'une balise img, d'une image jpeg, et d'une animation flash. Or, une animation flash n'est pas dans uen balise img, mais dans une balise object. J'ai donc beaucoup de mal à comprendre.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:roll over - ation script
« Répondre #11 sur: le 18-02-2009 a 22:59:47 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

je ne sais pas trop quoi te dire
je vais tenter d être plus precise...

en fait, il y a quelques mois, je ne connaissais pas les regles css ; alors j ai conçu mon site en tranches sous photoshop.

et lors de l'enregistrement de tes tranches, tu choisis les formats jpeg, etc
(dans mes souvenirs)
ce doit être donc la "fameuse balise img"

-------------------------

donc d'après toi,
il est impossible de gerer une animation flash dans de telles condition?
alors pourquoi, m'est il possible via dream, d integrer une animation ?

à plus tard

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #12 sur: le 19-02-2009 a 14:50:35 »
MarvinLeRouge
Superactif
****

Hors-Ligne

Messages: 584





Voir le Profil    WWW
Répondre avec citation

Bon,

En supposant que l'image survolée soit img01.png et que l'image cachée (l'anim) soit img02.png, ça te donnerait ça :
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
   <title>Test</title>
   
   <style type="text/css">
   *
   {
      margin : 0;
      padding : 0;
   }
   img
   {
      display : block;
   }
   #anim_01
   {
      margin : 50px 0 0 0;
      display : none;
   }
   </style>
    <script type="text/javascript">
   window.onload = function ()
   {
      document.getElementById("img01").onmouseover = function() {document.getElementById("anim_01").style.display = "block";}
      document.getElementById("img01").onmouseout = function() {document.getElementById("anim_01").style.display = "none";}
   }
    </script>
</head>

<body>
   <img src="img01.png" id="img01" width="150" height="100" />
   <img src="img02.png" id="anim_01" width="300" height="200" />
</body>
</html>


Bon, personnellement j'utilise jQuery qui permet de faire ce genre de truc plus vite, plus court, et en utilisant l'évènement onReady qui se déclenche plus tôt. Mais sur le principe, une apparition / disparition c'est ça.

Pour l'aspect "lancer une anim sur commande", je demande à un ami en fin de semaine.

Rapporter au modérateur  

Développeur web / Création de site internet
jean@ceugniet.com
Jean Ceugniet, Développement web
SIRET : 523 611 044 00018
Re:roll over - ation script
« Répondre #13 sur: le 19-02-2009 a 23:30:32 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

je te remercie infiniment,

charette cette semaine,...je vais le tester ce we...
à tres tres bientôt

Rapporter au modérateur  
Re:roll over - ation script
« Répondre #14 sur: le 22-02-2009 a 21:15:50 »
graph
Membre récent
*

Hors-Ligne

Messages: 10



Je suis un lama!

Voir le Profil    E-Mail
Répondre avec citation

bon et bien je suis sacrement larguée... je viens de m y mettre

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] 2 Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg