2 x Mouseover

  • Y2k88
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juin 04, 2004
  • Messages: 21
  • Status: Offline

Message Juin 4th, 2004, 2:50 am

Enfin là où je fais...

Short Introduction
A NEWB essayer de faire mieux avec la pratique des sites Web
À partir de à apprendre le Javascript et CSS
Puis okaylish et de modifier certaines HTML, le code Java

Donc, yeh, Ive a un problème, je sais pas comment résoudre:
Imaginez:

Vous disposez d'un lien hypertexte
Ci-dessous, sont 2 images, l'image A et B Image

le problème
Quand je Mouseover le lien hypertexte, comment puis-je obtenir l'image d'un changement dans l'image C, l'image de A à changement dans l'image D

Comme vous le voyez, i mite ne pas être très bonnes choses à expliquer, mais espérons que vous les gars (génies), vous pouvez mon problème.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juin 4th, 2004, 2:50 am

  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Juin 4th, 2004, 2:58 am

Y2k88 a écrit:
Quand je souris le lien hypertexte de texte, comment puis-je obtenir l'image A pour changer d'image en C, A pour changer d'image en image D


l'image d'une -> c
Image B -> D

Eh bien dans le titre du sujet, je suppose que ca vous effectuez l'une ou l'autre, mais pas les deux. En supposant que vous savez comment faire le rollovers déjà:

Code: [ Select ]
onmouseover="imageRolloverCodeA;imageRolloverCodeB;"


Il suffit de mettre les deux lignes de code dans le onmouseover, séparés par une virgule. Point-virgule indique navigateur, il est une nouvelle ligne et nouvelles et l'enseignement.

Si vous ne savez pas comment faire rollovers unique, alors la réponse et je vous explique.
CSS website design tutorials
  • Y2k88
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juin 04, 2004
  • Messages: 21
  • Status: Offline

Message Juin 4th, 2004, 4:32 am

Thanx,

Ive a essayé, mais que déjà, exactement, avant que je suis venu ici pour aider

Mais il ne pouvait pas obtenir de travail

Un petit descriptif sur ce qu'il ferait:
Quand je souris le texte de lien hypertexte, image de changement à l'image C, l'image B de changement de l'image D

Mais quand i mouseout, seule image D serait revenir à une image, l'image reste comme image C C

Donc, yeh, j'étais comme, hein?

Et est-ce que quelqu'un sait comment faire un onclick image diaporama,
de sorte que lorsque, comme u click sur un bouton, une image des changements à l'image B
if u click à nouveau, l'image des changements à l'image B C
et si u cliquez à nouveau, l'image C changements à une image

À la vôtre
  • Y2k88
  • Novice
  • Novice
  • No Avatar
  • Inscription: Juin 04, 2004
  • Messages: 21
  • Status: Offline

Message Juin 4th, 2004, 4:36 am

Voici ce que j'avais

Ai-je faire quelque chose de mal?

onMouseOver = "MM_swapImage (" LeftSpacer ",, images/daiwa1.gif, 1); MM_swapImage (" RightSpacer ",, images/daiwa2.gif, 1)"
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Juin 4th, 2004, 4:41 am

Pouvez-vous poster le code que vous avez utilisé ou un lien vers un exemple? Cela devrait fonctionner. Quelles erreurs faut-il jeter?

Le slidesow je ferais un tableau:
Code: [ Select ]
var imagePaths=array(
  "images/path/file.jpg",
  "images/path/file2.jpg",
  "images/path/file3.jpg"
)
currentImage=0;

function doSlideChange(){
  currentImage++;
  if (currentImage>Imagepaths.length){
    currentImage=0;
  }
  [ImageID].src=imagePaths[currentImage];
}
  1. var imagePaths=array(
  2.   "images/path/file.jpg",
  3.   "images/path/file2.jpg",
  4.   "images/path/file3.jpg"
  5. )
  6. currentImage=0;
  7. function doSlideChange(){
  8.   currentImage++;
  9.   if (currentImage>Imagepaths.length){
  10.     currentImage=0;
  11.   }
  12.   [ImageID].src=imagePaths[currentImage];
  13. }


Thats juste à côté du haut de ma tête il n'y mai être de meilleurs moyens de le faire, et elle mai avoir des bugs.
CSS website design tutorials
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Juin 4th, 2004, 4:44 am

Cant dire que je n'ai jamais vu avant MM_swapImage :?
CSS website design tutorials
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juin 4th, 2004, 9:29 am

MM_swapImage est une de ces fonctions de Macromedia qui vient avec Dreamweaver et est conçu spécifiquement pour un menu de renversement. Essayer de le modifier pour un diaporama serait moins de peine que créer une de toutes pièces que je pense. L'un RTM ont proposé du haut de sa tête fonctionne pour moi avec quelques modifications insignifiantes.

Code: [ Select ]
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
var imagePaths = Array(
  "images/file1.gif",
  "images/file2.gif",
  "images/file3.gif"
)
currentImage=0;

function doSlideChange(){
  currentImage++;
  if (currentImage>=imagePaths.length){
    currentImage=0;
  }
  document.images['imgHolder'].src=imagePaths[currentImage];
}
// -->
</script>
</head>
<body>
<a href="#" onclick="doSlideChange()">Change</a>
<br><br>
<img name="imgHolder" height="32" width="32" src="images/file1.gif" alt="">
</body>
</html>
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. <script type="text/javascript">
  5. <!--
  6. var imagePaths = Array(
  7.   "images/file1.gif",
  8.   "images/file2.gif",
  9.   "images/file3.gif"
  10. )
  11. currentImage=0;
  12. function doSlideChange(){
  13.   currentImage++;
  14.   if (currentImage>=imagePaths.length){
  15.     currentImage=0;
  16.   }
  17.   document.images['imgHolder'].src=imagePaths[currentImage];
  18. }
  19. // -->
  20. </script>
  21. </head>
  22. <body>
  23. <a href="#" onclick="doSlideChange()">Change</a>
  24. <br><br>
  25. <img name="imgHolder" height="32" width="32" src="images/file1.gif" alt="">
  26. </body>
  27. </html>
Free Programming Resources
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juin 4th, 2004, 9:50 am

Je viens de réaliser il ya deux questions distinctes dans ce fil. :oops:

Le MM_swapImage est assorti d'une MM_swapImgRestore () - au moins je pense thats le nom de celui-ci de toute façon (quelque chose comme ça). Si je me souviens bien, lorsque vous échanger les données d'une image pour le swap est enregistrée dans un tableau et quand la restauration est appelé onmouseout le dernier swap est annulé, si vous utilisez MM_swapImage deux fois de suite, seule la dernière swap sera annulée quand la restauration est appelé. Im aller sur une branche ici que je n'ai pas utilisé ces fonctions dans un temps long, mais Im pretty sure thats pourquoi un double renversement ne sera pas annuler correctement.

En supposant que vous utilisez la fonction de restauration dans le onmouseout. Thats Si le cas peut-être vous pourriez essayer d'utiliser la fonction d'échange à la fois pour les souris et mouseout et modifier explicitement les deux, parce que je crois que la fonction de restauration ne changera le second.
Free Programming Resources
  • rtm223
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Mar 24, 2004
  • Messages: 1855
  • Loc: Uk
  • Status: Offline

Message Juin 4th, 2004, 10:21 am

Qu'en est-il de ne pas utiliser les fonctions de Macromedia propriatory :) Id seulement les

. src = "images/file1.gif"

Son moins extensible, mais il doit gagner beaucoup de tracas IMHO

bien sûr vous pourriez le faire avec CSS.....
CSS website design tutorials
  • RichB
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 17, 2003
  • Messages: 1121
  • Loc: Boston
  • Status: Offline

Message Juin 4th, 2004, 10:50 am

Eh bien, si hes l'aide de Dreamweaver, comme je suppose qu'il est depuis MM fonctions sont là, alors je ne pense pas qu'ils s'opposent à utiliser leur code propriétaire, même si je suppose qu'ils s'opposeraient à la modifier. Je ne pense pas appel de la fonction des deux onmouseout onmouseover et reviendrait à modifier le code. Toutefois, il serait probablement un peu plus simple de faire fonctionner votre propre swap. Peut-être quelque chose comme:

Code: [ Select ]
<html>
<head>
<title>Untitled</title>
<script type="text/javascript">
<!--
function swap(img,imgFile) {
        document.images[img].src = "images/" + imgFile;
}
// -->
</script>
</head>
<body>
<a href="#"
onmouseover="swap('imgA','file2.gif');swap('imgB','file4.gif')"
onmouseout="swap('imgA','file1.gif');swap('imgB','file3.gif')"
>swap</a><br><br>
<img name="imgA" src="images/file1.gif" height="32" width="32" alt="">
<img name="imgB" src="images/file3.gif" height="32" width="32" alt="">
</body>
</html>
  1. <html>
  2. <head>
  3. <title>Untitled</title>
  4. <script type="text/javascript">
  5. <!--
  6. function swap(img,imgFile) {
  7.         document.images[img].src = "images/" + imgFile;
  8. }
  9. // -->
  10. </script>
  11. </head>
  12. <body>
  13. <a href="#"
  14. onmouseover="swap('imgA','file2.gif');swap('imgB','file4.gif')"
  15. onmouseout="swap('imgA','file1.gif');swap('imgB','file3.gif')"
  16. >swap</a><br><br>
  17. <img name="imgA" src="images/file1.gif" height="32" width="32" alt="">
  18. <img name="imgB" src="images/file3.gif" height="32" width="32" alt="">
  19. </body>
  20. </html>
Free Programming Resources

Afficher de l'information

  • Total des messages de ce sujet: 10 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 79 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC