0

私は jquery の質問で非常に初心者です。maximage プラグインを使用してサイトを開発しています。すべてが完全に機能しているように見えますが、ハイライトする方法がわかりません

  • リンクをクリックすると、私のひどい英語で申し訳ありません。

    ここに私が開発しているウェブサイトがあります。 http://aranasoluciones.com/azulejera/ejemplo-ok.html

    そしてjsがあります

    <script type="text/javascript" charset="utf-8">
    $(function(){
    $('#maximage').maximage({
    cycleOptions: {
    fx: 'fade',
    speed: 3000, // Has to match the speed for CSS transitions in jQuery.maximage.css (lines 30 - 33)
    timeout: 0,
                        prev: '#arrow_left',
                        next: '#arrow_right',
    
    
                        },
    
                    onFirstImageLoaded: function(){
                        jQuery('#cycle-loader').hide();
                        jQuery('#maximage').fadeIn(1500);
                        jQuery('.in-slide-content').delay(1200).fadeIn('slow');
    
                    }
                }); 
            });
        $('.toggle').bind('click', function(e){e.preventDefault();
        $('#maximage').cycle('toggle');
    
    });
    
    $("#2").click(function(e) {
        $('#maximage').cycle(1); 
        return false; 
    });
    
     $("#1").click(function(e) {
        $('#maximage').cycle(0); 
        return false; 
    });
    
     $("#3").click(function(e) {
        $('#maximage').cycle(2); 
        return false; 
    });
    
    
    
    
        </script>
    

    助けてください!!!!!私は非常に賞賛します!!!

  • 4

    2 に答える 2

    0

    これはあなたが必要とすることをするでしょう:

    $("#nav li a").click(function () {
        $("#nav li a").removeClass("selected"); // OR $("#nav li a").css("background-color");
        this.addClass("selected"); // OR $("#nav li a").css("background-color","#0070ba");
    });
    

    ただし、ナビゲーション リンクidを ( ではなく) もっと意味のあるものに変更することをお勧め#1 #2 #3します#nav1 #nav2 #nav3

    于 2012-11-30T02:46:33.000 に答える
    0

    コードを使用する場合

    $("#maximage").cycle(1);
    
    $("#maximage").cycle(2);
    

    firebugを使用して指定されたWebサイトで明示的に画像が変更されます。id "#1","#2" のボタンが定義されているかどうか、イベントが正しく定義されているかどうか、クリック イベントの定義が $(function(){ }); 内で定義されているかどうかを確認してください。またはドキュメントの準備ができています。以下のコードを確認してください。

    <script type="text/javascript" charset="utf-8">
    $(function(){
    $('#maximage').maximage({
    cycleOptions: {
    fx: 'fade',
    speed: 3000, // HastomatchthespeedforCSStransitionsinjQuery.maximage.css(lines 30 - 33)
    timeout: 0,
                    prev: '#arrow_left',
                    next: '#arrow_right',
    
    
                    },
    
                onFirstImageLoaded: function(){
                    jQuery('#cycle-loader').hide();
                    jQuery('#maximage').fadeIn(1500);
                    jQuery('.in-slide-content').delay(1200).fadeIn('slow');
    
                }
            }); 
        });
    $('.toggle').bind('click', function(e){e.preventDefault();
    $('#maximage').cycle('toggle');
    $("#2").click(function(e) {
    $('#maximage').cycle(1); 
    return false; 
    });
    $("#1").click(function(e) {
    $('#maximage').cycle(0); 
    return false; 
    });
    $("#3").click(function(e) {
    $('#maximage').cycle(2); 
    return false; 
    });
    });
    </script>
    

    ありがとう

    于 2012-11-30T02:45:08.353 に答える