[Imageready] Export rollover

Export rollover [Imageready] - Infographie 2D - Graphisme

Marsh Posté le 07-04-2006 à 19:27:53    

Bonjour,
 
J'ai réalisé un rollover sous Imageready qui fonctionne très bien dans le programme (via la preview) mais dès que je veux l'exporter ça coince. Imageready m'exporte les deux images séparement au lieu d'un seul fichier où la seconde image apparaitrait au passage de la souris.
 
Quelqu'un peut-il m'aider à exporter l'animation en un seul .gif ?
 
Merci !  :)

Reply

Marsh Posté le 07-04-2006 à 19:27:53   

Reply

Marsh Posté le 07-04-2006 à 22:44:48    

C'est normal...  http://perso.numericable.fr/designed/Smileys/KoaNeDsarcastic.gif
L'interaction rollover est spécifiée dans le code HTML de ta page, le GIF n'est qu'un format d'image !
 
Du coup, tu peux soit :  

  • exporter ton rollover en précisant HTML et images, si c'est pour faire une page web (il te faudra copier/coller le bout de code généré dans ta page)
  • Enregistrer une copie optimisée sous GIF après avoir spécifié ton animation dans la fenêtre du même nom... mais tu fais une croix sur l'interaction avec la souris !

Reply

Marsh Posté le 08-04-2006 à 01:50:48    

Merci.
J'essaie de glisser le code html que fourni Imageready sous Nvu mais je n'y arrive pas. Y a-t-il des lignes à supprimer ou ajouter au préalable ? Je ne connais rien au langage html donc je ne fais que tâtonner un peu au hasard.
 
Dans le détail, ça donne ça :
 

Citation :

<html>
<head>
<title>studiobouton</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- ImageReady Preload Script (studiobouton.psd) -->
<script type="text/javascript">
<!--
 
function newImage(arg) {
 if (document.images) {
  rslt = new Image();
  rslt.src = arg;
  return rslt;
 }
}
 
function changeImages() {
 if (document.images && (preloadFlag == true)) {
  for (var i=0; i<changeImages.arguments.length; i+=2) {
   document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
  }
 }
}
 
var preloadFlag = false;
function preloadImages() {
 if (document.images) {
  studiobouton_01_over = newImage("images/studiobouton_01-over.gif" );
  preloadFlag = true;
 }
}
 
// -->
</script>
<!-- End Preload Script -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (studiobouton.psd) -->
<a href="#"
 onmouseover="changeImages('studiobouton_01', 'images/studiobouton_01-over.gif'); return true;"
 onmouseout="changeImages('studiobouton_01', 'images/studiobouton_01.gif'); return true;"
 onmousedown="changeImages('studiobouton_01', 'images/studiobouton_01-over.gif'); return true;"
 onmouseup="changeImages('studiobouton_01', 'images/studiobouton_01-over.gif'); return true;">
 <img name="studiobouton_01" src="images/studiobouton_01.gif" width="414" height="246" border="0" alt=""></a>
<!-- End ImageReady Slices -->
</body>
</html>


 
 
Désolé si j'en fais trop mais je suis un newbie de chez newbie et je ne demande qu'à apprendre. Les Faq sur le sujet que j'ai trouvé sur le net sont plutôt vagues... :p

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed