0

「alt」が「span」内にある場合、次のスクリプトを変更する必要がありますか

        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>

ページ番号は正しく表示されていますが、画像のタイトルは表示されていません。また、「alt」の代わりに「title」を使用しようとしましたが、それでも空白のタイトルになります。

4

3 に答える 3

5

はい、そうします。alt画像用です。コードから判断すると、title属性は適切な代替手段であり、画像の場合と同じツールチップも表示さaltれます。

于 2012-04-05T23:53:21.513 に答える