背景图像推子 - 第一张图像之前的延迟

Question

我找到了一段jQuery代码，我已经在我正在处理的项目中进行操作。

我的主要问题是我设置延迟的时间越长，第一张幻灯片进入的时间越长，例如延迟设置为“5000”因此加载第一张幻灯片需要5秒钟，我只得到一个白色背景，是否需要调整一些东西以显示加载时的第一张幻灯片。

FIDDLE

function cycleBackgrounds() {
var index = 0;

$imageEls = $('.imageCon .slide'); // Get the images to be cycled.

setInterval(function () {
    // Get the next index.  If at end, restart to the beginning.
    index = index + 1 < $imageEls.length ? index + 1 : 0;

    // Show the next
    $imageEls.eq(index).addClass('showImg');

    // Hide the previous
    $imageEls.eq(index - 1).removeClass('showImg');
}, 5000);
};

// Document Ready.
$(function () {
cycleBackgrounds();
});

Answer 1

I was made aware that I didn't have the class on the active div for the first image.