Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2999 connectés 

  FORUM HardWare.fr
  Programmation
  Divers

  Ajax - Image Survolée

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Ajax - Image Survolée

n°1635122
nardoum
The cake is a lie...
Posté le 01-11-2007 à 16:04:27  profilanswer
 

:hello:  
 
Avec ajax, j'ai fait un pti' truc ou tu met la souris et ça change dimage quand elle est survolée, le code c'est
 

Code :
  1. <img src="1.jpg" class="domroll 2.jpg" />
  2. <script src="chrisdomroll.js">
  3. </script>


 
Et le fichier chrisdomroll.js:

Code :
  1. // JavaScript Document
  2. //=====================================================================
  3. //  DOM Image Rollover v3 (hover)
  4. //
  5. //  Demo: http://chrispoole.com/scripts/dom_image_rollover_hover
  6. //  Script featured on: Dynamic Drive (http://www.dynamicdrive.com)
  7. //=====================================================================
  8. //  copyright Chris Poole
  9. //  http://chrispoole.com
  10. //  This software is licensed under the MIT License  
  11. //  <http://opensource.org/licenses/mit-license.php>
  12. //=====================================================================
  13. function domRollover() {
  14. if (navigator.userAgent.match(/Opera (\S+)/)) {
  15.  var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);
  16. }
  17. if (!document.getElementById||operaVersion <7) return;
  18. var imgarr=document.getElementsByTagName('img');
  19. var imgPreload=new Array();
  20. var imgSrc=new Array();
  21. var imgClass=new Array();
  22. for (i=0;i<imgarr.length;i++){
  23.  if (imgarr[i].className.indexOf('domroll')!=-1){
  24.   imgSrc[i]=imgarr[i].getAttribute('src');
  25.   imgClass[i]=imgarr[i].className;
  26.   imgPreload[i]=new Image();
  27.   if (imgClass[i].match(/domroll (\S+)/)) {
  28.    imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]
  29.   }
  30.   imgarr[i].setAttribute('xsrc', imgSrc[i]);
  31.   imgarr[i].onmouseover=function(){
  32.    this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])
  33.   }
  34.   imgarr[i].onmouseout=function(){
  35.    this.setAttribute('src',this.getAttribute('xsrc'))
  36.   }
  37.  }
  38. }
  39. }
  40. domRollover();


 
je veux juste savoir comment remplacer le <img> par <input type="image" src="1.jpg" class="domroll 2.jpg">
 
Merci d'avance :)


Message édité par nardoum le 01-11-2007 à 16:05:13
mood
Publicité
Posté le 01-11-2007 à 16:04:27  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  Divers

  Ajax - Image Survolée

 

Sujets relatifs
Ajax et Struts[Ajax] ajouter N formulaires
[Résolu] Article et image dans MySQLUpload & Resize image ?
[Ajax] 3 listes déroulantes liéesexplorateur Disque dur et upload image
[HELP] comment declancher un son au survol d'une image ?condition php lien image
Recuperation d'une image distante et uploadFiltre dynamique via barres de defilement (ajax?)
Plus de sujets relatifs à : Ajax - Image Survolée


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR