2013-02-14 1 views
0

롤오버가 즉각적이지 않도록 fadeTo() 함수를이 코드에 추가하려고합니다. 당신의 도움에 대한롤오버 jQuery 타이밍

// JavaScript Document 
$(window).ready(function() { 
initRollovers(); 
}) 

function initRollovers() { 
if (!document.getElementById) return 

var aPreLoad = new Array(); 
var sTempSrc; 
var aImages = document.getElementsByTagName('img'); 

for (var i = 0; i < aImages.length; i++) { 
    if (aImages[i].className == 'imgover') { 
     var src = aImages[i].getAttribute('src'); 
     var ftype = src.substring(src.lastIndexOf('.'), src.length); 
     var hsrc = src.replace(ftype, '_o' + ftype); 

     aImages[i].setAttribute('hsrc', hsrc); 

     aPreLoad[i] = new Image(); 
     aPreLoad[i].src = hsrc; 

     $(aImages[i]).mouseenter(function() { 
      sTempSrc = this.getAttribute('src'); 
      sCurrent = this; 
      $(sCurrent).fadeOut(function() { 
       this.setAttribute('src', this.getAttribute('hsrc')); 
       $(sCurrent).fadeIn(); 
      }); 

     }) 

     $(aImages[i]).mouseleave(function() { 
      $(sCurrent).fadeOut(function() { 
       if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o' + ftype, ftype); 
       this.setAttribute('src', sTempSrc); 
       $(sCurrent).fadeIn(); 
      }) 


     }) 
    } 
} 
} 

답변

0

이보십시오.
+0

감사하지만 난 그게 – Alex

+0

당신이 나에게 두 이미지의 절대 URL의의를 제공 할 수 구현할 때 불행하게도 그것은 일을 일부러 :

// JavaScript Document function initRollovers() { if (!document.getElementById) return var aPreLoad = new Array(); var sTempSrc; var aImages = document.getElementsByTagName('img'); for (var i = 0; i < aImages.length; i++) { if (aImages[i].className == 'imgover') { var src = aImages[i].getAttribute('src'); var ftype = src.substring(src.lastIndexOf('.'), src.length); var hsrc = src.replace(ftype, '_o'+ftype); aImages[i].setAttribute('hsrc', hsrc); aPreLoad[i] = new Image(); aPreLoad[i].src = hsrc; aImages[i].onmouseover = function() { sTempSrc = this.getAttribute('src'); this.setAttribute('src', this.getAttribute('hsrc')); } aImages[i].onmouseout = function() { if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype); this.setAttribute('src', sTempSrc); } } } } window.onload = initRollovers; 

+0

당신은 무슨 뜻인지 모르겠지만 내 HTML은

Alex