Yeni Görünümünüzü Keşfedin: Dükkân'dan Özgün Stiller Kapın (2024)

\n '), this.$container.parent().append('\n

\n '); for (var t = 1; t <= this.amountOfSlides - 1; t++) this.$container.parent().find(".w-slider2-nav").append('\n

\n ') } }, i.prototype.updateContainerHeightStart = function() { if (this.options.isNation) { var e, i, n = t(window).width(); n !== this.prevWindowWidth && (this.$container.height("").append(this.$initialStateSlides.clone()), i = this.$container.find(".js-initial-state-slide"), e = _.max(_.map(i.toArray(), (function(e) { return t(e).outerHeight() }))), i.remove(), isFinite(e) || (e = ""), this.$container.height(e), this.prevWindowWidth = n) } else { var s = this.$container.find(this.options.frameSelector).outerHeight(); this.$container.css("height", s) } }, i.prototype.animateSlide = function(e) { var i, n, s, r = this; i = this.$originalSlides.eq(e).clone(), 1 === this.direction ? (i.addClass(this.slider2OutsideLeftClass).insertAfter(this.$activeSlide), i.get(0).offsetHeight) : (i.addClass(this.slider2OutsideRightClass).insertAfter(this.$activeSlide), i.get(0).offsetHeight), n = i, s = this.$activeSlide, Modernizr.csstransitions && n.on("transitionend.transition animationend.transition", (function(e) { t(e.target).is(n) && (n.off(".transition"), setTimeout((function() { s.remove(), n = s = null }), 500)) })), 1 === this.direction ? (n.removeClass(this.slider2OutsideLeftClass), s.addClass(this.slider2OutsideRightClass)) : (n.removeClass(this.slider2OutsideRightClass), s.addClass(this.slider2OutsideLeftClass)), Modernizr.csstransitions || (s.remove(), n = s = null), this.$activeSlide = i, this.activeSlideIndex = e, this.updateslider2Nav(), setTimeout((function() { r.updateContainerHeightStart() }), 1500) }, i.prototype.updateslider2Nav = function() { this.$slider2NavInner && this.$slider2NavInner.length && (this.$slider2NavInner.removeClass(this.slider2NavActiveClass), this.$slider2NavInner.eq(this.activeSlideIndex).addClass(this.slider2NavActiveClass), this.$slider2NavItemsMobile.removeClass(this.slider2NavItemsMobileActiveClass), this.$slider2NavItemsMobile.eq(this.activeSlideIndex).addClass(this.slider2NavItemsMobileActiveClass)) }, i.prototype.gotoSelectedSlide = function(i) { var n = t(i.currentTarget).index(), s = this; (n = e.getCurrentState() < e.RESOLUTION_DESKTOP && this.options.isNation ? this.$slider2NavItemsMobile.index(t(i.currentTarget)) : this.$slider2NavInner.index(t(i.currentTarget))) > this.activeSlideIndex ? (this.direction = 1, this.animateSlide(n)) : n !== this.activeSlideIndex && (this.direction = 0, this.animateSlide(n)), setTimeout((function() { s.updateContainerHeightStart() }), 200) }, i.prototype.gotoNextSlide = function() { var t = this, e = this.activeSlideIndex < this.amountOfSlides - 1 ? this.activeSlideIndex + 1 : 0; e !== this.activeSlideIndex && (this.direction = 1, this.animateSlide(e)), setTimeout((function() { t.updateContainerHeightStart() }), 200) }, i.prototype.gotoPrevSlide = function() { var t = this, e = this.activeSlideIndex > 0 ? this.activeSlideIndex - 1 : this.amountOfSlides - 1; e !== this.activeSlideIndex && (this.direction = 0, this.animateSlide(e)), setTimeout((function() { t.updateContainerHeightStart() }), 200) }, i.prototype.stopAutoPlay = function() { this.autoPlayHandle && clearTimeout(this.autoPlayHandle) }, i.prototype.autoPlay = function() { var t = this; !this.options.autoPlay || this.amountOfSlides < 2 || this.resolutionIndex < e.RESOLUTION_TABLET || (this.stopAutoPlay(), this.autoPlayHandle = setTimeout((function() { t.gotoNextSlide(), t.autoPlay() }), this.options.autoPlayTimeout)) }, window.Infiniteslider2 = i }($, ResolutionManager) } }, e = {}; function i(n) { var s = e[n]; if (void 0 !== s) return s.exports; var r = e[n] = { exports: {} }; return t[n](r, r.exports, i), r.exports } i.amdD = function() { throw new Error("define cannot be used indirect") }, i.amdO = {}, i.n = t => { var e = t && t.__esModule ? () => t.default : () => t; return i.d(e, { a: e }), e }, i.d = (t, e) => { for (var n in e) i.o(e, n) && !i.o(t, n) && Object.defineProperty(t, n, { enumerable: !0, get: e[n] }) }, i.o = (t, e) => Object.prototype.hasOwnProperty.call(t, e), (() => { "use strict"; i(281); var t = i(35); function e(t, e) { for (var i = 0; i < e.length; i++) { var n = e[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n) } }! function(t, i) { var n = function() { function n(e) { ! function(t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") }(this, n), this.$bundle = t(e), this.navItemClass = ".js-stylebundle2-nav_item", this.$bundleWrapper = this.$bundle.find(".js-stylebundle2_wrapper"), this.$bundleStyleButton = this.$bundle.find(".js-bundlestyle2"), this.$bundleItem = this.$bundle.find(".js-slider2-frame-idw"), this.$bundleMainPic = this.$bundle.find(".js-bundle-main-pic-2"), this.bundleStyleActiveClass = "stylebundle2-styles_item__active", this.bundleStyleClass = ".js-bundlestyle2", this.bundleShadowClass = ".stylebundle2-styles_img-style__shadow", this.bundleAnimClass = "stylebundle2-styles_img-style__anim", this.$bundleStyleItem = this.$bundle.find(".stylebundle2-styles_item"), this.bundleStyleItemClass = ".stylebundle2-styles_item", this.is, this.hammertime = void 0, this.init(), this.bindEvents() } var s, r; return s = n, (r = [{ key: "init", value: function() { var t = this; this.is = new Infiniteslider2({ container: this.$bundleWrapper, updateOnResize: !0 }), this.$bundleWrapper.each((function() { t.hammertime = new i(this, { touchAction: "pan-y" }) })), this.initAnim() } }, { key: "initAnim", value: function() { this.$bundle.find(this.bundleShadowClass).addClass(this.bundleAnimClass) } }, { key: "bindEvents", value: function() { var e = this; this.hammertime.on("panend", this.controlSlides.bind(this)), t("body").on("click", this.bundleStyleItemClass, (function(t) { return e.controlStyles(t) })) } }, { key: "controlSlides", value: function(t) { Math.abs(t.deltaX) > 50 && (t.deltaX < 0 ? this.is.gotoNextSlide() : this.is.gotoPrevSlide()) } }, { key: "controlStyles", value: function(e) { var i = t(e.currentTarget), n = i.find(".stylebundle2_style").attr("src"); t(".js-bundle-main-pic-2").eq(0).attr("src", n), i.parent().find(".stylebundle2-styles_item").removeClass(this.bundleStyleActiveClass), i.parent().find(".stylebundle2-styles_img-style").removeClass(this.bundleAnimClass), i.addClass(this.bundleStyleActiveClass) } }]) && e(s.prototype, r), n }(); t(".js-stylebundle2").each((function() { new n(this) })) }($, i.n(t)()) })()})();