2012-04-05 2 views
-1
'고도가'내부 '스팬'이면 나는 다음과 같은 스크립트를 변경해야

는 '고도'

 function setNavi($c, $i) { 
       var title = $i.attr('alt'); 
       $('#title').text(title); 

       var current = $c.triggerHandler('currentPosition'); 
       $('#pagenumber span').text(current+1); 

      } 

    $(function() { 

     $('#carousel').carouFredSel({ 
      debug: true, 
      responsive: true, 
      circular: false, 
      auto: true, 
      prev: '#prev', 
      next: '#next', 
      items: { 
       visible: 1, 
       width: 200, 
       height: '66%' 
      }, 
      scroll: { 
       onBefore: function($oI, $nI) { 
        setNavi($(this), $nI); 
       } 
      }, 
       onCreate: function($vI) { 
        setNavi($(this), $vI); 
       } 
      }); 

HTML :

<div id="carousel"> 
<span id="1"><img src="images/someimage.jpg" alt="sometitle" /></span> 
<span id="2"><img src="images/someimage2.jpg" alt="sometitle2" /></span> 
</div> 

<div id="navi"> 
<p id="pagenumber">Now showing image <span></span> of 7.</p> 
<p id="title"></p> 
</div> 

는 PAGENUMBER가 제대로 표시가 아니라한다 이미지 제목. 또한 'alt'대신 'title'을 사용하여 시도했지만 여전히 빈 제목이 표시됩니다.

+4

음,'$ i'로 전달하는 것에 따라 ... –

답변

3

예, 당신은 것입니다. alt은 이미지입니다. 코드에 의해 판단, 나는 title 속성이 적절한 대안이라고 말하고 싶지만, 그것도 alt 이미지를 위해 수행하는 것과 동일한 도구 설명을 표시합니다.

1

당신은 그것의 의미 잘못된,이 작업을 수행 할 필요 없어요. 범위에 대해 title 필드가 있습니다. alt 대신이를 사용하십시오.

+0

'alt'대신 'title'을 사용하면 위의 스크립트가 여전히 올바르지 않습니까? img 태그가 span 태그 안에 있기 때문에 title이나 alt를 읽지 않는다고 가정합니다. 그 맞습니까? – user1184254

+0

r @ user1184254, 물론 제목 속성을 확인하기 위해 수정했습니다. – Starx

+0

'alt'를 스크립트에서 'title'으로 변경하고 html을 수정하려면 다른 것이 있습니까? 어떤 방법 으로든 제목을 표시하지 않는 것으로 보입니다. – user1184254

0

$i 개체에 alt 특성이 포함되어 있지 않으면 다른 요소의 텍스트로 할당 할 수 없습니다. 이 요소가 다른 내부 경우 함수를 통과하고, 그것은 무엇 매개 변수에 따라 달라집니다 중요하지 않습니다. SIME 말했듯이, 그것은 $i가 무엇인지 따라 달라집니다.

+0

흠. 내가 올바르게 이해하면 img 태그에서 'alt'텍스트를 찾아 div "title"에 표시해야합니다. 이것은 이미지 아래에 캡션을 추가하는 것입니다. @Starx, 같은 결과 (공백)로 제목 특성을 시도했습니다. 질문에 대한 업데이트가 추가되었습니다. – user1184254