الگو:اسلایدر/امامی: تفاوت میان نسخهها
esfandiari>Javid صفحهای تازه حاوی «<html> <div class="fgwiki-gallery" id="fgwiki-gallery-1" dir="rtl" aria-label="دماوند پلیمر تولید کننده مخازن پلی اتیلن" > <div class="fgwiki-gallery__viewport"> <div class="fgwiki-gallery__track"> <!-- اسلاید ۱ | اهدای تخمک --> <figure class="fgwiki-gallery__slide"> <a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%AE%D8%B2%D9%86_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%...» ایجاد کرد |
Esfandiari (بحث | مشارکتها) جز ۴ نسخه واردشده |
||
| (۳ نسخهٔ میانی ویرایش شده توسط یک کاربر دیگر نشان داده نشد) | |||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<h2>لوگوی برندهای داخلی، تولید ملی و مونتاژ داخلی</h2> | |||
<div | <div | ||
class="fgwiki-gallery" | class="fgwiki-gallery" | ||
id="fgwiki-gallery-1" | id="fgwiki-gallery-1" | ||
dir="rtl" | dir="rtl" | ||
aria-label=" | aria-label="فروشگاه نوین سرما گسترش" | ||
> | > | ||
<div class="fgwiki-gallery__viewport"> | <div class="fgwiki-gallery__viewport"> | ||
<div class="fgwiki-gallery__track"> | <div class="fgwiki-gallery__track"> | ||
<!-- | <!-- اسلاید ۱ | خرید کولر گازی --> | ||
<figure class="fgwiki-gallery__slide"> | <figure class="fgwiki-gallery__slide"> | ||
<a href="https://fa.faraghaib.ir/wiki/ | <a href="https://fa.faraghaib.ir/wiki/%D8%AE%D8%B1%DB%8C%D8%AF_%DA%A9%D9%88%D9%84%D8%B1_%DA%AF%D8%A7%D8%B2%DB%8C"> | ||
<img | |||
src="https://dl.faraghaib.ir/m/260022-01/260022-01-57.png" | |||
alt="خرید کولر گازی از فروشگاه نوین سرما گسترش با مشاوره تخصصی آقای امامی" | |||
loading="eager" | |||
> | |||
<!-- | |||
<figcaption class="fgwiki-gallery__caption"> | |||
خرید انواع کولر گازی با مشاوره تخصصی، بررسی متراژ، شرایط آبوهوایی و انتخاب ظرفیت مناسب در فروشگاه نوین سرما گسترش. | |||
</a> | </figcaption> | ||
--> | |||
</a> | |||
</figure> | </figure> | ||
<!-- | |||
<!-- اسلاید ۲ | انتخاب کولر گازی مناسب --> | |||
<figure class="fgwiki-gallery__slide"> | <figure class="fgwiki-gallery__slide"> | ||
<a href="https://fa.faraghaib.ir/wiki/ | <a href="https://fa.faraghaib.ir/wiki/%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8_%DA%A9%D9%88%D9%84%D8%B1_%DA%AF%D8%A7%D8%B2%DB%8C_%D9%85%D9%86%D8%A7%D8%B3%D8%A8"> | ||
<img | |||
src="https://dl.faraghaib.ir/m/260022-01/260022-01-58.png" | |||
alt="انتخاب کولر گازی مناسب بر اساس متراژ و شرایط محیط با مشاوره فروشگاه نوین سرما گسترش" | |||
loading="lazy" | |||
> | |||
<!-- | |||
<figcaption class="fgwiki-gallery__caption"> | |||
انتخاب کولر گازی مناسب بر اساس متراژ، نوع ساختمان، شرایط آبوهوایی و میزان مصرف انرژی با راهنمایی تخصصی فروشگاه نوین سرما گسترش. | |||
</a> | </figcaption> | ||
--> | |||
</a> | |||
</figure> | </figure> | ||
<!-- اسلاید ۳ | کولر گازی کم مصرف --> | |||
<figure class="fgwiki-gallery__slide"> | <figure class="fgwiki-gallery__slide"> | ||
<a href="https://fa.faraghaib.ir/wiki/% | <a href="https://fa.faraghaib.ir/wiki/%DA%A9%D9%88%D9%84%D8%B1_%DA%AF%D8%A7%D8%B2%DB%8C_%DA%A9%D9%85_%D9%85%D8%B5%D8%B1%D9%81"> | ||
<img | |||
src="https://dl.faraghaib.ir/m/260022-01/260022-01-59.png" | |||
alt="کولر گازی کم مصرف و اینورتر با مصرف انرژی مناسب در فروشگاه نوین سرما گسترش" | |||
loading="lazy" | |||
> | |||
<!-- | |||
<figcaption class="fgwiki-gallery__caption"> | |||
آشنایی با کولرهای گازی کممصرف و اینورتر، بررسی مصرف برق، عملکرد دستگاه و انتخاب مدل مناسب برای خانه و محل کار. | |||
</a> | </figcaption> | ||
--> | |||
</a> | |||
</figure> | </figure> | ||
<!-- اسلاید ۴ | | |||
<!-- اسلاید ۴ | کولر گازی مناسب مناطق گرم --> | |||
<figure class="fgwiki-gallery__slide"> | <figure class="fgwiki-gallery__slide"> | ||
<a href="https://fa.faraghaib.ir/wiki/% | <a href="https://fa.faraghaib.ir/wiki/%DA%A9%D9%88%D9%84%D8%B1_%DA%AF%D8%A7%D8%B2%DB%8C_%D9%85%D9%86%D8%A7%D8%B3%D8%A8_%D9%85%D9%86%D8%A7%D8%B7%D9%82_%DA%AF%D8%B1%D9%85%D8%B3%DB%8C%D8%B1"> | ||
<img | |||
src="https://dl.faraghaib.ir/m/260022-01/260022-01-60.png" | |||
alt="کولر گازی مناسب مناطق گرمسیر و معتدل از فروشگاه نوین سرما گسترش" | |||
loading="lazy" | |||
> | |||
<!-- | |||
<figcaption class="fgwiki-gallery__caption"> | |||
معرفی کولرهای گازی مناسب مناطق گرمسیر و معتدل و بررسی ظرفیت و عملکرد دستگاه برای شرایط آبوهوایی مختلف. | |||
</a> | </figcaption> | ||
--> | |||
</a> | |||
</figure> | </figure> | ||
<!-- اسلاید ۵ | | |||
<!-- اسلاید ۵ | مشاوره و خدمات فروش --> | |||
<figure class="fgwiki-gallery__slide"> | <figure class="fgwiki-gallery__slide"> | ||
<a href="https://fa.faraghaib.ir/wiki/%D9%85%D8% | <a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%B4%D8%A7%D9%88%D8%B1%D9%87_%D8%AE%D8%B1%DB%8C%D8%AF_%DA%A9%D9%88%D9%84%D8%B1_%DA%AF%D8%A7%D8%B2%DB%8C"> | ||
<img | |||
src="https://dl.faraghaib.ir/m/260022-01/260022-01-61.png" | |||
alt="مشاوره خرید کولر گازی و راهنمای انتخاب دستگاه در فروشگاه نوین سرما گسترش با مدیریت آقای امامی" | |||
loading="lazy" | |||
> | |||
<!-- | |||
<figcaption class="fgwiki-gallery__caption"> | |||
دریافت مشاوره برای انتخاب کولر گازی، مقایسه مدلها و ظرفیتها و انتخاب دستگاه مناسب با بودجه و نیاز شما در فروشگاه نوین سرما گسترش با مدیریت آقای امامی. | |||
</a> | </figcaption> | ||
--> | |||
</a> | |||
</figure> | </figure> | ||
</figure--> | <!-- اسلاید ۶ | آزمایشات قبل از اهدا --> | ||
<!-- | |||
<figure class="fgwiki-gallery__slide"> | |||
<a href="https://fa.faraghaib.ir/wiki/%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C_%D8%AE%D8%B1%DB%8C%D8%AF_%DA%A9%D9%88%D9%84%D8%B1_%DA%AF%D8%A7%D8%B2%DB%8C"> | |||
<img | |||
src="https://dl.faraghaib.ir/m/260022-01/260022-01-62.png" | |||
alt="راهنمای خرید کولر گازی از فروشگاه نوین سرما گسترش" | |||
loading="lazy" | |||
> | |||
<figcaption class="fgwiki-gallery__caption"> | |||
راهنمای خرید کولر گازی و بررسی نکات مهم پیش از انتخاب دستگاه، ظرفیت، مصرف انرژی، نوع کمپرسور و شرایط نصب. | |||
</figcaption> | |||
</a> | |||
</figure> | |||
--> | |||
</div> | </div> | ||
| خط ۱۱۶: | خط ۱۳۳: | ||
<div class="fgwiki-gallery__dots" aria-label="ناوبری گالری"></div> | <div class="fgwiki-gallery__dots" aria-label="ناوبری گالری"></div> | ||
</div> | </div> | ||
<style> | <style> | ||
| خط ۱۳۵: | خط ۱۵۳: | ||
--fg-caption-bg: #ffffff; | --fg-caption-bg: #ffffff; | ||
--fg-caption-color: #243447; | --fg-caption-color: #243447; | ||
position: relative; | position: relative; | ||
| خط ۳۵۹: | خط ۳۷۶: | ||
} | } | ||
</style> | </style> | ||
<script> | <script> | ||
| خط ۴۵۷: | خط ۴۷۵: | ||
const realSlidesCount = getRealSlidesCount(); | const realSlidesCount = getRealSlidesCount(); | ||
const maxDotIndex = Math.max(0, realSlidesCount - visibleItems); | const maxDotIndex = Math.max(0, realSlidesCount - visibleItems); | ||
const realIndex = ((currentIndex - visibleItems) % realSlidesCount + realSlidesCount) % realSlidesCount; | const realIndex = | ||
((currentIndex - visibleItems) % realSlidesCount + realSlidesCount) % | |||
realSlidesCount; | |||
const activeDotIndex = Math.min(realIndex, maxDotIndex); | const activeDotIndex = Math.min(realIndex, maxDotIndex); | ||
| خط ۴۹۰: | خط ۵۱۱: | ||
} | } | ||
track.style.transform = "translate3d(" + offset + "px, 0, 0)"; | track.style.transform = | ||
"translate3d(" + offset + "px, 0, 0)"; | |||
updateDots(); | updateDots(); | ||
| خط ۵۴۵: | خط ۵۶۷: | ||
function createDots() { | function createDots() { | ||
const visibleItems = getVisibleItems(); | const visibleItems = getVisibleItems(); | ||
const dotsCount = Math.max(1, getRealSlidesCount() - visibleItems + 1); | const dotsCount = Math.max( | ||
1, | |||
getRealSlidesCount() - visibleItems + 1 | |||
); | |||
dotsContainer.innerHTML = ""; | dotsContainer.innerHTML = ""; | ||
| خط ۵۵۴: | خط ۵۷۹: | ||
dot.type = "button"; | dot.type = "button"; | ||
dot.className = "fgwiki-gallery__dot"; | dot.className = "fgwiki-gallery__dot"; | ||
dot.setAttribute("aria-label", "نمایش اسلاید شماره " + (index + 1)); | dot.setAttribute( | ||
"aria-label", | |||
"نمایش اسلاید شماره " + (index + 1) | |||
); | |||
dot.addEventListener("click", function () { | dot.addEventListener("click", function () { | ||
| خط ۵۷۱: | خط ۵۹۹: | ||
stopAutoPlay(); | stopAutoPlay(); | ||
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) { | if ( | ||
window.matchMedia("(prefers-reduced-motion: reduce)").matches | |||
) { | |||
return; | return; | ||
} | } | ||
| خط ۶۷۹: | خط ۷۰۹: | ||
})(); | })(); | ||
</script> | </script> | ||
</html> | </html> | ||