0

ようやくサイトを立ち上げて運営することができました。私はプログラマーではなくグラフィック デザイナーなので、初心者です。コードに関しては、最もきれいではないかもしれませんが、機能します。私のサイトhttp://www.maryhutchisondesign.comの作業セクションに移動すると、ページャー (私は a とアクティブな状態に背景 gif を使用しました) 機能は Safari、Chrome、Firefox、Opera で動作しますが、インターネットでは消えます。冒険者。Mike Alsup から pagerAnchorBuilder の行がメールで送られてきました。私が間違っていることはありますか？css と js のサンプルを次に示します。また、malsups の高度なページャーのデモからコードをコピーすると、画像のサムネイルでも機能しますが、IE ではメインのポートフォリオ画像の位置がずれます。

.nav_ocn li {  
 width: 10px;  
 float: left;  
 margin: 5px;  
 list-style: none;  
 margin-left: 0px;  
}  
.nav_ocn a {  
 border: 0px solid #ccc;  
 text-decoration: none;  
 margin: -1px; 
 padding: 10px;  
 background-image: url(../images/pager.gif);  
 background-repeat: no-repeat;  
 background-position: left;  
 }
.nav_ocn a.activeSlide {  
 background-image: url(../images/pager_select.gif);  
 background-repeat: no-repeat;  
 background-position: left;  
}  
.nav_ocn a:focus { outline: none; }  

$(document).ready(function() {
    $('#OCN_gallery').cycle({
        fx:     'scrollLeft', 
    next:   '#OCN_gallery',
    speed:  'fast', 
    timeout:  0,
    pause:   1,
    pager:   '.nav_ocn',

    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function() { 
        return '<li><a href="#"</a></li>'; 
    }
    });

});

どんな助けと内部も大歓迎です。

ありがとう、

メアリー

4

1 に答える 1

1

変化する

return '<li><a href="#"</a></li>';

に

return '<li><a href="#"></a></li>';

IE が他のブラウザと同様に処理しない '>' がありませんでした。

于 2010-09-21T09:30:03.550 に答える