Jquery 如何在幻灯片中向当前图像添加类？

我有一个用JQuery定制的幻灯片

$(document).ready(function () {
    $animating_slideshow = false;
    $animation_speed = 1000;
    $amount_of_slides = $("#slider").find(".img-games").find(".img-game").length;

    $("#slider-left").on("click", function() {
        if (!$animating_slideshow) {
            $slidden = parseInt($(this).parent().find(".img-games").css("margin-left"));
            if ($slidden > 0 || $slidden < 0) {
                $(this).parent().find(".img-games").animate({"margin-left":"+=170"}, $animation_speed, function() {
                    $animating_slideshow = false;
                });
                $animating_slideshow = true;
            } else {
                $(this).parent().find(".img-games").animate({"margin-left":-($amount_of_slides-1) * 170}, $animation_speed, function() {
                    $animating_slideshow = false;
                });
                $animating_slideshow = true;
            }
        }
    });

    $("#slider-right").on("click", function() {
        if (!$animating_slideshow) {
            $slidden = parseInt($(this).parent().find(".img-games").css("margin-left"));
                if ($slidden > -($amount_of_slides-1) * 170) {
                    $(this).parent().find(".img-games").animate({"margin-left":"-=170"}, $animation_speed, function() {
                    $animating_slideshow = false;
                });
                    $animating_slideshow = true;
                } else {
                    $(this).parent().find(".img-games").animate({"margin-left":"0"}, $animation_speed, function() {
                    $animating_slideshow = false;
                });
                $animating_slideshow = true;
                }
        }
    });
});

$（文档）.ready（函数（）{
$animating_slideshow=false；
$animation_speed=1000；
$amount_of_slides=$（“#slider”）.find（“.img games”）.find（“.img games”）.length；
$（“#滑块左”）。在（“单击”，函数（）上）{
if（！$animating\u幻灯片）{
$sliden=parseInt（$（this）.parent（）.find（“.img games”）.css（“左边距”）；
如果（$sliden>0 | |$sliden<0）{
$（this）.parent（）.find（“.img games”）.animate（{“左边距”：“+=170”}，$animation\u speed，function（）{
$animating_slideshow=false；
});
$animating_slideshow=true；
}否则{
$（this）.parent（）.find（“.img games”）.animate（{“margin left”）：-（$amount\u of\u slides-1）*170}，$animation\u speed，function（）{
$animating_slideshow=false；
});
$animating_slideshow=true；
}
}
});
$（“#右滑块”）。在（“单击”，函数（）上）{
if（！$animating\u幻灯片）{
$sliden=parseInt（$（this）.parent（）.find（“.img games”）.css（“左边距”）；
如果（$sliden>-（$amount\u\u\u slides-1）*170）{
$（this）.parent（）.find（“.img games”）.animate（{“左边距”：“-=170”}，$animation\u speed，function（）{
$animating_slideshow=false；
});
$animating_slideshow=true；
}否则{
$（this）.parent（）.find（“.img games”）.animate（{“左边距”：“0”}，$animation\u speed，function（）{
$animating_slideshow=false；
});
$animating_slideshow=true；
}
}
});
});

这是我的html

<div id="slider">
        <div class="img-games">
            <div id="this_slide" class="img-game">
                <img src="http://www.maxdamage.org/wp-content/uploads/2012/05/pokemon-gameboy.jpg" width='170px' height='115px' class='degrades' alt='pokemon' title='Pokemon'>
            </div>
            <div class="img-game">
                <img src="http://1.bp.blogspot.com/-U62BIDPN79U/UV1hPr9xtAI/AAAAAAAAENs/mKIrEDb4RAw/s320/Super_mario_land.png" width='170px' height='115px' class='degrades' alt='Mario' title='Mario'>
            </div>
            <div class="img-game">
                <img src="http://1.bp.blogspot.com/-J7x8JfY21Yk/UUea7UsjUZI/AAAAAAAAA0M/E2qpkAZFsnM/s1600/links_awakening2.png" width="170px" height="115px" class="degrades" alt='Zelda' title='Zelda'>
            </div>
            <div class="img-game">
                <img src="http://www.consoleclassix.com/info_img/Rayman_GBC_ScreenShot2.gif" width="170px" height="115px" class="degrades" alt='Rayman' title='Rayman'>
            </div>
        </div>
</div>

---

我将如何着手向当前可在屏幕上查看的图像添加一个名为“current”的新类，如有任何帮助，将不胜感激，提前感谢

两种可能的解决方案：

1） 如果跟踪幻灯片放映的当前索引，则可以使用它设置类，如下所示：

$('.current').removeClass('current');
$('.img-game:eq(' + currentIndex + ')').addClass('current');

2） 单击左侧或右侧时，使用

当前

类的位置将该类重新分配到其他位置。以下是一个左键单击示例：

$('.current').removeClass('current').parent().next().child('.img-game')
    .addClass('current')

---

要右键单击，可以使用

.prev（）

而不是

.next（）

。在更改选择之前，您还应该包括一项检查，以确保下一个元素存在。

您，我的好先生，刚刚为自己赢得了一个可接受的答案！还有一张赞成票