自动滑翔机检查

Question

我创造了这个小型自动滑翔机：

http://jsfiddle.net/5H5Xq/43/

此自动滑块的一部分是我的auto.slide.function：

var i = 0, max = 3;
myFunction = function(event){
    $(".subbox1").each(function() {anim(this)});
    i += 1;
    if(i >= max) { i = 0; }
}

所以图像每五秒钟就会改变一次。

如何检查当前显示的图像？

像这样：

var src =$('#newImage img').attr('src')

if ( src == "path/to/img1" ) { .. 
if ( src == "path/to/img2" ) { ..
if ( src == "path/to/img3" ) { ..

但这不起作用，导致图像切换使用display:none/block。

任何人都可以告诉我如何检查当前显示的图像？

Answer 1

您可以通过执行

检查元素是否可见

$('img').is(':visible');

检查一组可以使用的元素。

$('.images img').each(function()
{
    if($(this).is(':visible'))
    {
        console.log($(this)); //this is visible
    }
});

如果滑块处于中间过渡状态，则会有多个可见。