Автослайдер проверка

0

Я создал этот маленький автопривод:

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.

Кто-нибудь может сказать мне, как проверить, какое изображение в настоящее время отображается?

Теги:
image
slide

1 ответ

0

Вы можете проверить, является ли элемент видимым, делая

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

Чтобы проверить группу элементов, вы можете использовать их.

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

Если ваш слайдер находится в середине перехода, будет много видимых.

  • 0
    да, но как указать это на одном из трех изображений? это моя главная проблема .. спасибо!
  • 0
    отредактировал мой ответ, чтобы привести пример.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню