Я создал этот маленький автопривод:
Часть этого авто-слайдера - моя функция 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
.
Кто-нибудь может сказать мне, как проверить, какое изображение в настоящее время отображается?
Вы можете проверить, является ли элемент видимым, делая
$('img').is(':visible');
Чтобы проверить группу элементов, вы можете использовать их.
$('.images img').each(function()
{
if($(this).is(':visible'))
{
console.log($(this)); //this is visible
}
});
Если ваш слайдер находится в середине перехода, будет много видимых.