내가 얻을 특성 <code>this.alt</code>을 사용하여 이미지의 ALT 텍스트를 스타일

-1

나는 <div>내가 얻을 특성 <code>this.alt</code>을 사용하여 이미지의 ALT 텍스트를 스타일

<img src="charlotte/1_verwandelbar.jpg" alt="Some text in here" /> 
<div class="text_slider"></div>

과 cycle.js의 콜백 함수에 표시를 읽기 위해 <image>의 alt 속성을 사용하고 제공 alt 텍스트를 입력하고 <p> 태그에 추가하십시오.

$('.text_slider').html('<p style="color: #fff;">' + $(this).attr('alt') + '<p>');

내 문제는 내가 사람이 해결책을 가지고 있습니다 alt="text here <br> text more"

같은 것을 의미의 alt의 모든 <br>을 할 수 없다는 것입니다?

편집 : 내 코드는 아주 잘 작동하며 실수는 내 코드의 다른 곳에서 발생합니다.

출처

2013-06-11 supersize

대체 텍스트에 줄 바꾸기를 넣으시겠습니까? – Bemmu

@Bemmu 정확히! – supersize

무슨 문제가 있습니까? 그것은 여기에서 잘 작동합니다 : http://jsfiddle.net/t3GC5/ – Joe

보여줄 때 다음을 교체합니다. 무슨 일이 일어나는지 설명해 주시겠습니까?

<html> 
<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
</head> 
<body> 
    <img class="pep" src="/home/tapia/varios/tag.png" alt="Some text <br>in here" /> 
    <div class="text_slider"></div> 
    <script> 
     $('img').one('load', function() { 
      $('.text_slider').html('<p style="color: #f00;">' + $(this).attr('alt') + '<p>'); 
     }); 
    </script> 
</body> 
</html>

출처

2013-06-11 13:29:48

괜찮 았는데, 그 사이에 공백이 없어서 중요합니다. 예 :'alt = "안녕하세요 제 이름은
입니다 blabla는'alt ="hello 여야합니다 내 이름은
입니다 blabla' – supersize

정확히 똑같아서 공백이 있건 없건 상관없이 작동합니다. –

아니, 3 번 시도해 봤는데 매번 공간이 찢어지지 않아! – supersize

대체 텍스트에 임의의 문자를 추가 한 다음 바꿀 수 있습니까?
예 : middot : &middot; 하고 (크롬과 파이어 폭스에서 테스트) 나를 위해 잘 작동 <br>p 태그

$('.text_slider').html('<p style="color: #fff;">' + $(this).attr('alt').replace("&middot;", "<br>") + '<p>');

출처

2013-06-11 13:21:00 Victor

내가 얻을 특성 <code>this.alt</code>을 사용하여 이미지의 ALT 텍스트를 스타일

답변

관련 문제