2012-04-05 83 views
-1

如果 'ALT' 在 'span' 將我需要改變以下腳本內部跨度的 'ALT'

 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> 

的頁面編號是否正確顯示,但不圖像標題。也嘗試使用'title'而不是'alt',但它仍然會產生空白標題。

+4

那麼,取決於你通過'$ i'傳遞的信息...... – 2012-04-05 23:53:21

回答

3

是的,你會的。 alt用於圖像。根據代碼判斷,我認爲title屬性是一個合適的替代方案,它甚至會顯示與alt相同的工具提示。

1

你不需要這樣做,它的語義上是不正確。跨度有title字段。使用該代替alt

+0

如果我使用'title'而不是'alt',上述腳本仍然不正確?我假設它不是閱讀標題或alt,因爲img標籤位於span標籤內。那是對的嗎? – user1184254 2012-04-06 00:34:23

+0

r @ user1184254,當然你已經修改它來檢查標題屬性 – Starx 2012-04-06 00:53:09

+0

,除了在腳本和html中將'alt'更改爲'標題'之外,還有什麼要修改的嗎?它看起來不是以哪種方式顯示標題。 – user1184254 2012-04-06 01:04:14

0

如果$i對象不包含alt屬性,則不能將其指定爲另一個元素的文本。這個元素是否在另一個裏面並不重要,它取決於你通過你的函數傳遞的參數。正如Sime所說,這取決於$i是什麼。

+0

hmm。如果我理解正確,它應該在img標籤中找到'alt'文本並顯示在div「標題」中。這是在圖像下添加一個標題。 @Starx,嘗試使用相同結果的標題屬性(空白)。更新到問題添加。 – user1184254 2012-04-06 00:20:29