Эффект стиля CSS не применяется к первому слайду, но работает для всех остальных - PullRequest
0 голосов
/ 10 сентября 2018

Каждый слайд имеет эффект крутого элемента.Он работает на каждом слайде, кроме начального слайда при загрузке страницы

. Эффект css на каждом слайде имеет класс .pogoSlider-slide-element, который отображает информацию на слайде.Это начинается только после первого слайда.Я не могу понять, где заставить этот эффект CSS на начальном слайде.Буду признателен за любую оказанную помощь.

function h(k, j) {
    this.element = k;
    this.$element = d(k);
    this.settings = d.extend({}, b, j);
    this.currentSlideIndex = 0;
    this.prevSlideIndex = 0;
    this.slideTimeoutId = 0;
    this.slides = [];
    this.calls = [];
    this.paused = false;
    this.navigating = false;
    this.slideStartTime = null;
    this.slideTimeRemaining = 0;
    this._init()
}
h.prototype = {
    _init: function() {
        var k = this;
        k.$element.find(".pogoSlider-slide").each(function() {
            var n = [];
            var o = 0;
            d(this).data("original-styles", d(this).attr("style"));
            d(this).find(".pogoSlider-slide-element").each(function() {
                var p = parseInt(d(this).data("start")) !== a 
                        ? d(this).data("start") 
                        : k.settings.elementTransitionStart;
                var q = parseInt(d(this).data("duration")) ||
                        k.settings.elementTransitionDuration;
                if ((p + q) > o) {
                    o = (p + q)
                }
                n.push({
                    $element: d(this),
                    element: this,
                    startTime: p,
                    duration: q,
                    transitionIn: d(this).data("in") ||
                                  k.settings.elementTransitionIn,
                    transitionOut: d(this).data("out") ||
                                   k.settings.elementTransitionOut
                });
                d(this).css("opacity", 0)
            });
            var m = {
                $element: d(this),
                element: this,
                transition: d(this).data("transition") || 
                            k.settings.slideTransition,
                duration: parseInt(d(this).data("duration")) || 
                          k.settings.slideTransitionDuration,
                elementTransitionDuration: o,
                totalSlideDuration: k.settings.autoplayTimeout + o,
                children: n
            };
            k.slides.push(m)
        });
        k.numSlides = k.slides.length;
        k.slides[0].$element.css("opacity", 1);
        if (k.settings.autoplay && k.settings.displayProgess) {
            k._createProgessBar()
        }
        k.$element.css("padding-bottom", (100 / (k.settings.targetWidth / k.settings.targetHeight)) + "%");
        var j = k.$element.find("img").length;
        if (j > 0) {
            var l = 0;
            k.$element.prepend('<div class="pogoSlider-loading"><div class="pogoSlider-loading-icon"></div></div>');
            k.$element.find("img").one("load", function() {
                if (++l === j) {
                    d(".pogoSlider-loading").remove();
                    k._onSliderReady()
                }
            }).each(function() {
                if (this.complete) {
                    d(this).trigger("load")
                }
            })
        } else {
            k._onSliderReady()
        }
    },

Я скачал шаблон Affluent из макетов w3 (https://p.w3layouts.com/demos_new/20-01-2017/affluence-demo_Free/635141560/web/index.html)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...