Javascript （已修改）jQuery幻灯片无法播放

我有一个jQuery幻灯片代码，可以与以下HTML结构配合使用：

<div id="slideshow">
    <div id="slideshowImages">
        <img src="image1.jpg" alt="" />
        <img src="image2.jpg" alt="" />
    </div>

    <div id="slideshowNav">
        <span id="slideshowLeft"><a href="#"><img src="images/slideshowLeft.png" alt="&gt;" /></a></span>
        <span id="slideshowRight"><a href="#"><img src="images/slideshowRight.png" alt="&lt;" /></a></span>
    </div><!-- /#slideshowNav -->
</div><!-- /#slideshow -->

如果我

console.log（）

$active

和

$previous

，我会得到同样的结果。有没有办法让

$previous

变量像以前一样成为前一个图像？我认为

.prev（）

现在正在使它转到锚定链接，而不是上一张图片，尽管我可能错了

要查看此代码的实时版本，请访问。该网站不是英文的，尽管我认为这不会影响任何事情

谢谢你的帮助！

---

Amit

尝试用作相对选择器

标记：它可能会有所帮助

jQuery（'#幻灯片放映图像 a:last'）.addClass（'lastImg'）

var$active=jQuery（'#幻灯片放映图像 a、 积极的",

var$previous=$active.prev（）.length ? $active.prev（）： jQuery（“#slideshowmages a.lastImg”）

---

尝试用作相对选择器

标记：它可能会有所帮助

jQuery（'#幻灯片放映图像 a:last'）.addClass（'lastImg'）

var$active=jQuery（'#幻灯片放映图像 a、 积极的",

var$previous=$active.prev（）.length ? $active.prev（）： jQuery（“#slideshowmages a.lastImg”）

---

我之所以使用

jQuery（）

而不是

$（）

是因为我也安装了lightbox插件，它使用prototype.js，因此我必须避免

$

冲突最后，这张幻灯片实际上是向后的，而不是向前的，因为希伯来语是从右向左读的。我知道，这很糟糕。我之所以使用

jQuery（）

而不是

$（）

是因为我也安装了lightbox插件，它使用prototype.js，因此我必须避免

$

冲突最后，这张幻灯片实际上是向后的，而不是向前的，因为希伯来语是从右向左读的。我知道，很糟糕。谢谢你的指导。我最终使用了你解决方案的一部分。不幸的是，更改锚点链接的不透明度不会起任何作用，因此您必须使用

$active.find（'img'）.animate（…）

对其进行一点修改，对于

$previous…

也一样。标记为正确的，引导我走向正确的道路。谢谢你的指导。我最终使用了你解决方案的一部分。不幸的是，更改锚点链接的不透明度不会起任何作用，因此您必须使用

$active.find（'img'）.animate（…）

对其进行一点修改，对于

$previous…

也一样。标记为正确的，引导我走向正确的道路。谢谢

<a href="#"><img src="image1.jpg" alt="" /></a>
<a href="#"><img src="image2.jpg" alt="" /></a>

jQuery('#slideshowImages img:first').addClass('active');
jQuery('#slideshowImages img:last').addClass('lastImg');

var $active = jQuery('#slideshowImages img.active');

var $previous = $active.prev().length ? $active.prev(): jQuery('#slideshowImages img.lastImg');

    $active.animate({opacity:0.0}, 300, function() {
        //when done animating out, animate next in
        $previous.css({opacity:0.0})
            .animate({opacity: 1.0}, 400, function() {
            $active.removeClass('active');
            $previous.addClass('active');
    });
});

jQuery('#slideshowImages a:first').addClass('active');

$active.animate({opacity:0.0}, 300, function() {
    //when done animating out, animate next in
    $previous.css({opacity:0.0})
        .animate({opacity: 1.0}, 400, function() {
        $active.removeClass('active');
        $previous.addClass('active');
}); });