javascript - 强调点击 MAXIMAGE2

Question

我是 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>

请帮忙！！！！！我会非常感谢！！！

Answer 1

如果我使用代码

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

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

在您使用萤火虫指定的网站中明确指定图像正在更改。请检查是否定义了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>

谢谢

Answer 2

这会做你需要的：

$("#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。