الگو:اسلایدر: تفاوت میان نسخه‌ها

   aria-label="گالری لوازم جانبی و فروش موبایل"

           alt="خرید نقد و اقساط موبایل با قیمت مناسب"

           خرید نقد و اقساط موبایل با تحویل سریع و شرایط ویژه

           alt="فروش جدیدترین گوشی های پرچمدار با گارانتی"

           جدیدترین گوشی های پرچمدار با گارانتی معتبر و قیمت رقابتی

           alt="خرید انواع هندزفری سیمی و بلوتوثی با کیفیت"

           خرید انواع هندزفری سیمی و بلوتوثی با صدای شفاف و کیفیت بالا

           alt="شارژر و کابل اصلی فست شارژ برای موبایل"

           شارژر و کابل اصلی فست شارژ با دوام بالا و عملکرد مطمئن

           alt="هولدر موبایل باکیفیت برای خودرو و میز کار"

           هولدر موبایل باکیفیت برای خودرو و میز کار با نگهداری مطمئن

           src="https://dl.faraghaib.ir/m/106/6.jpg"

           alt="گلس باکیفیت و مقاوم برای محافظت از صفحه موبایل"

           گلس باکیفیت و مقاوم برای محافظت بهتر از صفحه نمایش موبایل

     aria-label="نمایش اسلاید بعدی"

     aria-label="نمایش اسلاید قبلی"

   <div class="fgwiki-gallery__dots" aria-label="ناوبری گالری"></div>

     --fg-gap: 18px;

     --fg-radius: 18px;

     --fg-image-height: 300px;

    --fg-image-bg: #f5f7fa;

     --fg-caption-color: #1f2937;

     width: min(100%, 1240px);

     margin: 28px auto;

     padding: 0 56px 42px;

     transition: transform 650ms cubic-bezier(0.22, 1, 0.36, 1);

     background: var(--fg-card-bg);

     box-shadow: 0 10px 28px rgba(0, 0, 0, 0.10);

      box-shadow 450ms ease;

     padding: 10px;

    background: var(--fg-image-bg);

     object-fit: contain;

     min-height: 72px;

     padding: 14px 16px 16px;

     font-weight: 700;

     line-height: 1.9;

   .fgwiki-gallery__slide:not(.is-center) {

 

   }

     top: calc(50% - 24px);

     z-index: 15;

     width: 44px;

     height: 44px;

     background: rgba(17, 24, 39, 0.78);

     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);

     outline: 3px solid rgba(20, 115, 230, 0.30);

     width: 9px;

     height: 9px;

     background: #c7ced8;

       background-color 250ms ease,

      opacity 250ms ease;

     border-radius: 999px;

       --fg-image-height: 280px;

       min-height: 68px;

       font-size: 13px;

       width: 40px;

       height: 40px;

       --fg-image-height: 260px;

       min-height: 62px;

       font-size: 18px;

     .fgwiki-gallery__slide,

       const originalSlides = Array.from(

       const rightButton = slider.querySelector(".fgwiki-gallery__button--right");

       const leftButton = slider.querySelector(".fgwiki-gallery__button--left");

       const dotsContainer = slider.querySelector(".fgwiki-gallery__dots");

       if (!track || originalSlides.length === 0) {

       let isAnimating = false;

       function cleanupClones() {

         Array.from(track.querySelectorAll(".is-clone")).forEach(function (node) {

        });

       function buildInfiniteTrack() {

         cleanupClones();

         const visibleItems = getVisibleItems();

         const slides = Array.from(track.children).filter(function (slide) {

          return !slide.classList.contains("is-clone");

        });

         const prependClones = slides.slice(-visibleItems).map(function (slide) {

          const clone = slide.cloneNode(true);

          clone.classList.add("is-clone");

          clone.setAttribute("aria-hidden", "true");

        });

        const appendClones = slides.slice(0, visibleItems).map(function (slide) {

          const clone = slide.cloneNode(true);

        });

         prependClones.forEach(function (clone) {

           track.insertBefore(clone, track.firstChild);

         });

         appendClones.forEach(function (clone) {

           track.appendChild(clone);

         });

         currentIndex = visibleItems;

        updateSlider(false);

       function getAllSlides() {

         return Array.from(track.querySelectorAll(".fgwiki-gallery__slide"));

         return originalSlides.length;

      function getSlideStep() {

        const slides = getAllSlides();

        if (slides.length < 2) {

           return slides[0] ? slides[0].getBoundingClientRect().width : 0;

        const firstSlide = slides[0].getBoundingClientRect();

        const secondSlide = slides[1].getBoundingClientRect();

        return Math.abs(secondSlide.left - firstSlide.left);

 

         const dots = dotsContainer.querySelectorAll(".fgwiki-gallery__dot");

           const isActive = index === activeDotIndex;

 

        const centerIndex = currentIndex + centerOffset;

        const slides = getAllSlides();

        slides.forEach(function (slide, index) {

           slide.classList.toggle("is-center", index === centerIndex);

         const step = getSlideStep();

         const offset = currentIndex * step;

         track.style.transform = "translate3d(" + offset + "px, 0, 0)";

 

         currentIndex = index;

         if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {

             threshold: 0.2