JavaScript 이미지 플립

Question

자바 스크립트 이미지를 실행하는 코드가 있습니다. 플립형입니다. JS에 익숙하지 않은데, 마우스를 올리면 내리 찍을 때 넘길 때 내리고 플립 할 이미지가 필요합니다. 마우스가 꺼져있을 때가 아니라 움직입니다. 클래스의

$(document).ready(function() { 
    setInterval(function() { 
     $('.sponsorFlip').load('script.js'); 
     $('.sponsorFlip').load('jquery.flip.min.js'); 
    }, 30000); 
    $('.sponsorFlip').one("mouseenter mouseleave", function() { 
     var elem = $(this); 
     if (elem.data('flipped')) { 
      elem.revertFlip(); 
      elem.data('flipped', false) 
     } 
     else { 
      elem.flip({ 
       direction: 'rl', 
       speed: 250, 
       onBefore: function() { 
        elem.html(elem.siblings('.sponsorData').html()); 
       } 
      }); 
      elem.data('flipped', true); 
     } 
    }); 
    $('.sponsorFlip').bind("click", function() { 
     var elem = $(this); 
     if (elem.data('flipped')) { 
      elem.revertFlip(); 
      elem.data('flipped', false) 
     } 
     else { 
      elem.flip({ 
       direction: 'rl', 
       speed: 250, 
       onBefore: function() { 
        elem.html(elem.siblings('.sponsorData').html()); 
       } 
      }); 
      elem.data('flipped', true); 
     } 
    }); 
}); 

Answer 1

만들기 사용 : 여기

는 코드입니다. ;) 미리보기 - http://jsfiddle.net/TJZmM/3/

$('div').bind('mouseover mouseout', function(){ 
    var self = $(this); 

    if(self.toggleClass('flipped').hasClass('flipped')) { 
     self.html('rl'); 
    } 
    else { 
     self.html('lr'); 
    } 
});​