Ajax - Image Survolée

Ajax - Image Survolée - Divers - Programmation

Marsh Posté le 01-11-2007 à 16:04:27    

: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. //=====================================================================
  14. function domRollover() {
  15. if (navigator.userAgent.match(/Opera (\S+)/)) {
  16.  var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);
  17. }
  18. if (!document.getElementById||operaVersion <7) return;
  19. var imgarr=document.getElementsByTagName('img');
  20. var imgPreload=new Array();
  21. var imgSrc=new Array();
  22. var imgClass=new Array();
  23. for (i=0;i<imgarr.length;i++){
  24.  if (imgarr[i].className.indexOf('domroll')!=-1){
  25.   imgSrc[i]=imgarr[i].getAttribute('src');
  26.   imgClass[i]=imgarr[i].className;
  27.   imgPreload[i]=new Image();
  28.   if (imgClass[i].match(/domroll (\S+)/)) {
  29.    imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]
  30.   }
  31.   imgarr[i].setAttribute('xsrc', imgSrc[i]);
  32.   imgarr[i].onmouseover=function(){
  33.    this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])
  34.   }
  35.   imgarr[i].onmouseout=function(){
  36.    this.setAttribute('src',this.getAttribute('xsrc'))
  37.   }
  38.  }
  39. }
  40. }
  41. 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
Reply

Marsh Posté le 01-11-2007 à 16:04:27   

Reply

Sujets relatifs:

Leave a Replay

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