2014-05-17 2 views
0

"다음"화살표에서 다음 슬라이드의 이름과 "이전"화살표에서 이전 슬라이드의 이름을 표시하는 슬라이더의 화살표에 호버 기능을 구현하는 데 도움이 필요합니다.다음 및 이전 버튼에서 다음 및 이전 슬라이드의 이름을 가리 키는 방법은 무엇입니까?

jQuery로 코드를 작성하려고했지만 작동하지 않을 수 있습니다.

도움 주셔서 감사합니다.

+0

코드가 어디에 코드 –

+2

당신이 현재 사용하고있는 코드의 일부를 게시 할 수있는 것을 만들 것인가? 그것 없이는 아무것도 할 수 없습니다. – Tijme

+0

툴팁에'title' 속성을 사용 하시겠습니까? – Bergi

답변

1

다음과 같이 구현할 수 있습니다.

$("#next").mouseenter(function() { 
    // Next slide name 
    $(this).html("N1"); 
}); 
$("#next").mouseleave(function() { 
    $(this).html("Next"); 
}); 

$("#prev").mouseenter(function() { 
    // Prev slide name 
    $(this).html("P1"); 
}); 
$("#prev").mouseleave(function() { 
    $(this).html("Prev"); 
}); 

jsfiddle link

+0

안녕하세요, 답변 해 주셔서 감사합니다. 나는 호버로 비슷한 기능을 만들었지 만, 이름은 바뀌어야한다 (나는 5 개의 슬라이드가있다). 다음 또는 이전 슬라이드에 따라 이름을 변경하여 구현하는 방법에 대해 알고 계십니까? 다시 한 번 감사드립니다. – backward

관련 문제