jquery에 이미지를 추가 하시겠습니까?

Question

내가 클릭입니다 토글 링크 사업부를 전환 jQuery 플러그인을 사용하고

는 "닫기" "보기"와 텍스트를 포함하지만 이미지 아이콘과 텍스트를 대체하고 싶어 해요

이

에 대한

jQuery 코드

var defaults = { 

     showText: 'View', 
     hideText: 'Hide' 
    }; 

if(options.changeText==1){ 
     $(toggleDiv).is(":visible") ? toggleClick.text(options.hideText) : toggleClick.text(options.showText); 

텍스트의 이미지 링크를 제공하는 방법은 무엇입니까?

Answer 1

var defaults = { 

     show: '<img src="something.jpg"/>View', 
     hide: '<img src="something.jpg"/>Hide' 
}; 

if(options.changeText==1){ 
$(toggleDiv).is(":visible") ? toggleClick.html(options.hide) : toggleClick.html(options.show); 

Answer 2

가장 간단한 방법은 클래스를 전환하는 것입니다. 이 방법은 한 줄의 코드입니다.이 부분을 살펴보십시오.

<script> 
    $(function() { 
     $("#toggleDiv").click(function() { 
      $(this).find(".view").toggleClass("close") 
     }); 
    }); 

</script> 
<style> 
    .view { 
     position:absolute; 
     top:0; 
     right:0; 
     width:30px; 
     height:30px; 
     background-image:url(../styles/play.png); 
     background-size:100% 100%; 
     border:1px solid black; 
    } 
    .close { 
     background-image:url(../styles/pause.png); 
    } 
    #toggleDiv{ 
     position:relative ; 
     display:inline-block; 
     border:1px solid #ccc; 
     height:200px; 
     width:400px; 
    } 
</style> 
<div id="toggleDiv" class="up"> 
    <div class="view"></div> 
</div>