Titre: roll over - ation script
Posté par: graph le le 09-02-2009 a 18:07:08
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 |
Titre: Re:roll over - ation script
Posté par: graph le le 09-02-2009 a 21:43:22
si quelqu un pouvait repondre,
ce serait sympa ! |
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 10-02-2009 a 22:39:34
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 |
Titre: Re:roll over - ation script
Posté par: graph le le 11-02-2009 a 10:42:40
bonjour !!!!
ouiiiii c exactement ça !
|
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 11-02-2009 a 14:28:05
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). |
Titre: Re:roll over - ation script
Posté par: graph le le 11-02-2009 a 15:02:08
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
|
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 14-02-2009 a 20:58:41
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.
|
Titre: Re:roll over - ation script
Posté par: graph le le 15-02-2009 a 01:01:24
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 |
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 17-02-2009 a 20:32:38
| Hein ? Ton animation est une balise img affichant un jpg ? Euh je suis perdu là. |
Titre: Re:roll over - ation script
Posté par: graph le le 17-02-2009 a 21:36:48
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.
|
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 18-02-2009 a 18:39:04
| 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. |
Titre: Re:roll over - ation script
Posté par: graph le le 18-02-2009 a 22:59:47
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 |
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 19-02-2009 a 14:50:35
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. |
Titre: Re:roll over - ation script
Posté par: graph le le 19-02-2009 a 23:30:32
je te remercie infiniment,
charette cette semaine,...je vais le tester ce we...
à tres tres bientôt
|
Titre: Re:roll over - ation script
Posté par: graph le le 22-02-2009 a 21:15:50
bon et bien je suis sacrement larguée... je viens de m y mettre
|
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 23-02-2009 a 19:37:11
| Pour le flash a priori, il suffit de faire un truc du genre id_de_l_anim.play() : http://www.adobe.com/support/flash/publishexport/scriptingwithflash/scriptingwithflash_03.html (http://www.adobe.com/support/flash/publishexport/scriptingwithflash/scriptingwithflash_03.html) |
Titre: Re:roll over - ation script
Posté par: graph le le 23-02-2009 a 22:19:14
et d apres la balise que je t ai envoyée,
quoi et ou faudrait t il que je positionne mon java script?
ouioui, je suis tres largueee...
à bientôt |
Titre: Re:roll over - ation script
Posté par: MarvinLeRouge le le 27-02-2009 a 01:28:48
| Pour l'anim apparemment il suffit d'une commande javascript du genre id_de_lanim.play() |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|