https://fa.faraghaib.ir/w/index.php?action=history&feed=atom&title=%D8%A7%D9%84%DA%AF%D9%88%3A%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8%B1%2F%D8%A7%D9%85%D8%A7%D9%85%DB%8C
الگو:اسلایدر/امامی - تاریخچهٔ نسخهها
2026-08-25T17:28:03Z
تاریخچهٔ نسخهها برای این صفحه در ویکی
MediaWiki 1.43.8
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8%B1/%D8%A7%D9%85%D8%A7%D9%85%DB%8C&diff=5997&oldid=prev
Javid در ۹ اوت ۲۰۲۶، ساعت ۱۱:۵۱
2026-08-09T11:51:35Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fa">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">→ نسخهٔ قدیمیتر</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">نسخهٔ ۹ اوت ۲۰۲۶، ساعت ۱۱:۵۱</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27">خط ۲۷:</td>
<td colspan="2" class="diff-lineno">خط ۲۷:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%AE%D8%B2%D9%86_%D8%A2%D8%A8_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%DB%8C%D9%84%D9%86_%D8%B9%D9%85%D9%88%D8%AF%DB%8C_%D8%B3%D9%87_%D9%84%D8%A7%DB%8C%D9%87_%D9%85%D9%82%D8%A7%D9%88%D9%85_%D8%AF%D8%B1_%D8%A8%D8%B1%D8%A7%D8%A8%D8%B1_%D8%A7%D8%B4%D8%B9%D9%87_UV"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%AE%D8%B2%D9%86_%D8%A2%D8%A8_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%DB%8C%D9%84%D9%86_%D8%B9%D9%85%D9%88%D8%AF%DB%8C_%D8%B3%D9%87_%D9%84%D8%A7%DB%8C%D9%87_%D9%85%D9%82%D8%A7%D9%88%D9%85_%D8%AF%D8%B1_%D8%A8%D8%B1%D8%A7%D8%A8%D8%B1_%D8%A7%D8%B4%D8%B9%D9%87_UV"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <img</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <img</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> src="https://dl.faraghaib.ir/m/260022/<del style="font-weight: bold; text-decoration: none;">26002219</del>.jpg"</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> src="https://dl.faraghaib.ir/m/260022/<ins style="font-weight: bold; text-decoration: none;">26002220</ins>.jpg"</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> alt="اهدای جنین؛ معرفی متقاضیان اهدای جنین با مشاوره تخصصی و رعایت مراحل قانونی"</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> alt="اهدای جنین؛ معرفی متقاضیان اهدای جنین با مشاوره تخصصی و رعایت مراحل قانونی"</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> loading="lazy"</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> loading="lazy"</div></td></tr>
<!-- diff cache key faraghaib_wifaesfand71:diff:1.41:old-5996:rev-5997:php=table -->
</table>
Javid
https://fa.faraghaib.ir/w/index.php?title=%D8%A7%D9%84%DA%AF%D9%88:%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8%B1/%D8%A7%D9%85%D8%A7%D9%85%DB%8C&diff=5996&oldid=prev
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%...» ایجاد کرد
2026-08-09T11:50:19Z
<p>صفحهای تازه حاوی «<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%...» ایجاد کرد</p>
<p><b>صفحهٔ تازه</b></p><div><html><br />
<div<br />
class="fgwiki-gallery"<br />
id="fgwiki-gallery-1"<br />
dir="rtl"<br />
aria-label="دماوند پلیمر تولید کننده مخازن پلی اتیلن"<br />
><br />
<div class="fgwiki-gallery__viewport"><br />
<div class="fgwiki-gallery__track"><br />
<br />
<!-- اسلاید ۱ | اهدای تخمک --><br />
<figure class="fgwiki-gallery__slide"><br />
<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%DB%8C%D9%84%D9%86_%D8%B3%D9%87_%D9%84%D8%A7%DB%8C%D9%87_%D8%AF%D9%85%D8%A7%D9%88%D9%86%D8%AF_%D9%BE%D9%84%DB%8C%D9%85%D8%B1_%D8%AF%D8%B1_%D8%B8%D8%B1%D9%81%DB%8C%D8%AA%E2%80%8C%D9%87%D8%A7%DB%8C_%D9%85%D8%AE%D8%AA%D9%84%D9%81"><br />
<img<br />
src="https://dl.faraghaib.ir/m/260022/26002210.jpg"<br />
alt="اهدای تخمک؛ معرفی اهداکننده و دریافتکننده تخمک با مشاوره تخصصی و رعایت مراحل قانونی"<br />
loading="eager"<br />
><br />
<!--figcaption class="fgwiki-gallery__caption"><br />
معرفی متقاضیان اهدای تخمک، مشاوره تخصصی، همراهی در تمامی مراحل، رعایت ضوابط قانونی و همکاری با مراکز درمان ناباروری برای افزایش شانس موفقیت درمان.<br />
</figcaption--><br />
</a><br />
</figure><br />
<br />
<!-- اسلاید ۲ | اهدای جنین --><br />
<figure class="fgwiki-gallery__slide"><br />
<a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%AE%D8%B2%D9%86_%D8%A2%D8%A8_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%DB%8C%D9%84%D9%86_%D8%B9%D9%85%D9%88%D8%AF%DB%8C_%D8%B3%D9%87_%D9%84%D8%A7%DB%8C%D9%87_%D9%85%D9%82%D8%A7%D9%88%D9%85_%D8%AF%D8%B1_%D8%A8%D8%B1%D8%A7%D8%A8%D8%B1_%D8%A7%D8%B4%D8%B9%D9%87_UV"><br />
<img<br />
src="https://dl.faraghaib.ir/m/260022/26002219.jpg"<br />
alt="اهدای جنین؛ معرفی متقاضیان اهدای جنین با مشاوره تخصصی و رعایت مراحل قانونی"<br />
loading="lazy"<br />
><br />
<!--figcaption class="fgwiki-gallery__caption"><br />
معرفی متقاضیان اهدای جنین، مشاوره تخصصی، همراهی در تمامی مراحل، رعایت ضوابط قانونی و همکاری با مراکز درمان ناباروری برای افزایش شانس موفقیت درمان.<br />
</figcaption--><br />
</a><br />
</figure><br />
<br />
<!-- اسلاید ۳ | مشاوره قبل از اهدا --><br />
<br />
<figure class="fgwiki-gallery__slide"><br />
<a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%AE%D8%B2%D9%86_%D8%A7%D9%81%D9%82%DB%8C_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%DB%8C%D9%84%D9%86_%D8%AF%D9%85%D8%A7%D9%88%D9%86%D8%AF_%D9%BE%D9%84%DB%8C%D9%85%D8%B1_%D9%85%D9%86%D8%A7%D8%B3%D8%A8_%D8%B0%D8%AE%DB%8C%D8%B1%D9%87_%D8%A2%D8%A8_%D9%88_%D9%85%D8%A7%DB%8C%D8%B9%D8%A7%D8%AA"><br />
<img<br />
src="https://dl.faraghaib.ir/m/260022/26002211.jpg"<br />
alt="مشاوره قبل از اهدای تخمک و جنین؛ راهنمای کامل شرایط، مراحل، مدارک و نکات مهم"<br />
loading="lazy"<br />
><br />
<!--figcaption class="fgwiki-gallery__caption"><br />
دریافت مشاوره تخصصی قبل از اهدای تخمک و جنین، بررسی شرایط اهدا، آشنایی با مراحل درمان، مدارک موردنیاز، مسائل قانونی و پاسخ به پرسشهای متداول برای تصمیمگیری آگاهانه.<br />
</figcaption--><br />
</a><br />
</figure><br />
<br />
<!-- اسلاید ۴ | رحم جایگزین --><br />
<figure class="fgwiki-gallery__slide"><br />
<a href="https://fa.faraghaib.ir/wiki/%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D8%B1%D8%A7%D9%87%DA%A9%D8%A7%D8%B1_%D8%B0%D8%AE%DB%8C%D8%B1%D9%87_%D8%A2%D8%A8_%D8%AF%D8%B1_%D8%A2%D9%BE%D8%A7%D8%B1%D8%AA%D9%85%D8%A7%D9%86%D8%9B_%D9%85%D8%AE%D8%B2%D9%86_%D8%B2%DB%8C%D8%B1%D9%BE%D9%84%D9%87%E2%80%8C%D8%A7%DB%8C_%D8%AF%D9%85%D8%A7%D9%88%D9%86%D8%AF_%D9%BE%D9%84%DB%8C%D9%85%D8%B1"><br />
<img<br />
src="https://dl.faraghaib.ir/m/260022/26002214.jpg"<br />
alt="رحم جایگزین؛ معرفی متقاضیان، مشاوره تخصصی و همراهی در مراحل رحم جایگزین"<br />
loading="lazy"<br />
><br />
<!--figcaption class="fgwiki-gallery__caption"><br />
خدمات مشاوره و معرفی متقاضیان رحم جایگزین، بررسی شرایط مادر جایگزین، همراهی در تمامی مراحل، رعایت ضوابط قانونی و همکاری با مراکز درمان ناباروری برای افزایش شانس موفقیت درمان.<br />
</figcaption--><br />
</a><br />
</figure><br />
<br />
<!-- اسلاید ۵ | درمان ناباروری --><br />
<figure class="fgwiki-gallery__slide"><br />
<a href="https://fa.faraghaib.ir/wiki/%D9%85%D8%AE%D8%B2%D9%86_%D8%A2%D8%B3%D8%A7%D9%86%E2%80%8C%D8%B1%D9%88_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%DB%8C%D9%84%D9%86_%D8%AF%D9%85%D8%A7%D9%88%D9%86%D8%AF_%D9%BE%D9%84%DB%8C%D9%85%D8%B1%D8%9B_%D8%A8%D9%87%D8%AA%D8%B1%DB%8C%D9%86_%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8_%D8%A8%D8%B1%D8%A7%DB%8C_%D8%B1%D8%A7%D9%87%D8%B1%D9%88%D9%87%D8%A7%DB%8C_%D8%A8%D8%A7%D8%B1%DB%8C%DA%A9_%D9%88_%D9%81%D8%B6%D8%A7%D9%87%D8%A7%DB%8C_%D9%85%D8%AD%D8%AF%D9%88%D8%AF"><br />
<img<br />
src="https://dl.faraghaib.ir/m/260022/26002216.jpg"<br />
alt="درمان ناباروری با اهدای تخمک و IVF؛ افزایش شانس بارداری با روشهای کمک باروری"<br />
loading="lazy"<br />
><br />
<!--figcaption class="fgwiki-gallery__caption"><br />
آشنایی با درمان ناباروری از طریق اهدای تخمک و IVF، بررسی شرایط، مراحل درمان، میزان موفقیت، مشاوره تخصصی و همراهی در تمامی مراحل برای افزایش شانس بارداری و تولد نوزاد سالم.<br />
</figcaption--><br />
</a><br />
</figure><br />
<br />
<!-- اسلاید ۶ | آزمایشات قبل از اهدا --><br />
<!--figure class="fgwiki-gallery__slide"><br />
<a href="https://fa.faraghaib.ir/wiki/%D8%AE%D8%B1%DB%8C%D8%AF_%D9%85%D8%AE%D8%B2%D9%86_%D9%BE%D9%84%DB%8C_%D8%A7%D8%AA%DB%8C%D9%84%D9%86_%D8%A7%D8%B2_%DA%A9%D8%A7%D8%B1%D8%AE%D8%A7%D9%86%D9%87_%D8%AF%D9%85%D8%A7%D9%88%D9%86%D8%AF_%D9%BE%D9%84%DB%8C%D9%85%D8%B1_%D8%A8%D8%A7_%D9%82%DB%8C%D9%85%D8%AA_%D9%85%D9%86%D8%A7%D8%B3%D8%A8"><br />
<img<br />
src="https://dl.faraghaib.ir/m/260022/26002217.jpg"<br />
alt="آزمایشات قبل از اهدا؛ بررسی آزمایشهای لازم برای اهدای تخمک، اهدای جنین و رحم جایگزین"<br />
loading="lazy"<br />
><br />
<figcaption class="fgwiki-gallery__caption"><br />
آشنایی با آزمایشات و بررسیهای پزشکی قبل از اهدای تخمک، اهدای جنین و رحم جایگزین، شامل آزمایشهای هورمونی، ژنتیکی، عفونی و ارزیابی سلامت عمومی برای افزایش ایمنی و شانس موفقیت درمان ناباروری.<br />
</figcaption><br />
</a><br />
<br />
</figure--><br />
<br />
</div><br />
</div><br />
<br />
<button<br />
class="fgwiki-gallery__button fgwiki-gallery__button--right"<br />
type="button"<br />
aria-label="نمایش اسلاید بعدی"<br />
><br />
&#10095;<br />
</button><br />
<br />
<button<br />
class="fgwiki-gallery__button fgwiki-gallery__button--left"<br />
type="button"<br />
aria-label="نمایش اسلاید قبلی"<br />
><br />
&#10094;<br />
</button><br />
<br />
<div class="fgwiki-gallery__dots" aria-label="ناوبری گالری"></div><br />
</div><br />
<br />
<style><br />
.fgwiki-gallery,<br />
.fgwiki-gallery * {<br />
box-sizing: border-box;<br />
}<br />
<br />
.fgwiki-gallery {<br />
--fg-items: 3;<br />
--fg-gap: 18px;<br />
--fg-radius: 18px;<br />
--fg-image-height: 300px;<br />
--fg-side-blur: 2px;<br />
--fg-side-opacity: 0.55;<br />
--fg-accent: #ff2a2a;<br />
--fg-card-bg: #ffffff;<br />
--fg-image-bg: #f8f9fa;<br />
--fg-caption-bg: #ffffff;<br />
--fg-caption-color: #243447;<br />
<br />
<br />
position: relative;<br />
width: min(100%, 1240px);<br />
margin: 28px auto;<br />
padding: 0 56px 42px;<br />
direction: rtl;<br />
font-family: iransans, Arial, sans-serif;<br />
}<br />
<br />
.fgwiki-gallery__viewport {<br />
width: 100%;<br />
overflow: hidden;<br />
border-radius: var(--fg-radius);<br />
touch-action: pan-y;<br />
}<br />
<br />
.fgwiki-gallery__track {<br />
display: flex;<br />
flex-direction: row;<br />
gap: var(--fg-gap);<br />
width: 100%;<br />
transform: translate3d(0, 0, 0);<br />
transition: transform 650ms cubic-bezier(0.22, 1, 0.36, 1);<br />
will-change: transform;<br />
}<br />
<br />
.fgwiki-gallery__slide {<br />
flex: 0 0 calc(<br />
(100% - (var(--fg-items) - 1) * var(--fg-gap)) / var(--fg-items)<br />
);<br />
min-width: 0;<br />
margin: 0;<br />
overflow: hidden;<br />
background: var(--fg-card-bg);<br />
border: 1px solid #e5e7eb;<br />
border-radius: var(--fg-radius);<br />
box-shadow: 0 6px 18px rgba(0,0,0,.06);<br />
transition:<br />
transform 450ms ease,<br />
filter 450ms ease,<br />
opacity 450ms ease,<br />
box-shadow 450ms ease;<br />
}<br />
<br />
.fgwiki-gallery__slide img {<br />
display: block;<br />
width: 100%;<br />
height: var(--fg-image-height);<br />
padding: 10px;<br />
background: var(--fg-image-bg);<br />
object-fit: contain;<br />
object-position: center;<br />
border: 0;<br />
}<br />
<br />
.fgwiki-gallery__caption {<br />
min-height: 72px;<br />
padding: 14px 16px 16px;<br />
color: var(--fg-caption-color);<br />
background: var(--fg-caption-bg);<br />
font-size: 14px;<br />
font-weight: 700;<br />
line-height: 1.9;<br />
text-align: right;<br />
}<br />
<br />
.fgwiki-gallery__slide:not(.is-center) {<br />
filter: blur(var(--fg-side-blur));<br />
opacity: var(--fg-side-opacity);<br />
transform: scale(0.94);<br />
}<br />
<br />
.fgwiki-gallery__slide.is-center {<br />
filter: none;<br />
opacity: 1;<br />
transform: scale(1.03);<br />
box-shadow: 0 12px 28px rgba(255,42,42,.18);<br />
border-color: rgba(255,42,42,.30);<br />
}<br />
<br />
.fgwiki-gallery__button {<br />
position: absolute;<br />
top: calc(50% - 24px);<br />
z-index: 15;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
width: 44px;<br />
height: 44px;<br />
padding: 0;<br />
color: #ffffff;<br />
background: rgba(36,52,71,.82);<br />
border: 0;<br />
border-radius: 50%;<br />
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);<br />
font-family: Arial, sans-serif;<br />
font-size: 24px;<br />
line-height: 1;<br />
cursor: pointer;<br />
transform: translateY(-50%);<br />
transition:<br />
background-color 200ms ease,<br />
transform 200ms ease;<br />
}<br />
<br />
.fgwiki-gallery__button:hover {<br />
background: var(--fg-accent);<br />
transform: translateY(-50%) scale(1.08);<br />
}<br />
<br />
.fgwiki-gallery__button:focus-visible {<br />
outline: 3px solid rgba(255,42,42,.30);<br />
outline-offset: 3px;<br />
}<br />
<br />
.fgwiki-gallery__button--right {<br />
right: 0;<br />
}<br />
<br />
.fgwiki-gallery__button--left {<br />
left: 0;<br />
}<br />
<br />
.fgwiki-gallery__dots {<br />
position: absolute;<br />
right: 50%;<br />
bottom: 6px;<br />
display: flex;<br />
align-items: center;<br />
justify-content: center;<br />
gap: 7px;<br />
transform: translateX(50%);<br />
}<br />
<br />
.fgwiki-gallery__dot {<br />
width: 9px;<br />
height: 9px;<br />
padding: 0;<br />
background: #d6dbe1;<br />
border: 0;<br />
border-radius: 50%;<br />
cursor: pointer;<br />
transition:<br />
width 250ms ease,<br />
background-color 250ms ease,<br />
opacity 250ms ease;<br />
}<br />
<br />
.fgwiki-gallery__dot.is-active {<br />
width: 24px;<br />
background: var(--fg-accent);<br />
border-radius: 999px;<br />
}<br />
<br />
.fgwiki-gallery__dot:focus-visible {<br />
outline: 2px solid var(--fg-accent);<br />
outline-offset: 2px;<br />
}<br />
<br />
@media (max-width: 900px) {<br />
.fgwiki-gallery {<br />
--fg-items: 2;<br />
--fg-image-height: 280px;<br />
--fg-side-blur: 1.5px;<br />
padding-right: 46px;<br />
padding-left: 46px;<br />
}<br />
<br />
.fgwiki-gallery__caption {<br />
min-height: 68px;<br />
font-size: 13px;<br />
}<br />
<br />
.fgwiki-gallery__button {<br />
width: 40px;<br />
height: 40px;<br />
font-size: 21px;<br />
}<br />
}<br />
<br />
@media (max-width: 600px) {<br />
.fgwiki-gallery {<br />
--fg-items: 1;<br />
--fg-gap: 12px;<br />
--fg-image-height: 260px;<br />
--fg-side-blur: 0;<br />
--fg-side-opacity: 1;<br />
width: 100%;<br />
padding-right: 36px;<br />
padding-left: 36px;<br />
}<br />
<br />
.fgwiki-gallery__slide,<br />
.fgwiki-gallery__slide.is-center,<br />
.fgwiki-gallery__slide:not(.is-center) {<br />
filter: none;<br />
opacity: 1;<br />
transform: none;<br />
}<br />
<br />
.fgwiki-gallery__caption {<br />
min-height: 62px;<br />
padding: 12px 14px;<br />
font-size: 13px;<br />
line-height: 1.8;<br />
}<br />
<br />
.fgwiki-gallery__button {<br />
width: 34px;<br />
height: 34px;<br />
font-size: 18px;<br />
}<br />
}<br />
<br />
@media (prefers-reduced-motion: reduce) {<br />
.fgwiki-gallery__track,<br />
.fgwiki-gallery__slide,<br />
.fgwiki-gallery__button,<br />
.fgwiki-gallery__dot {<br />
transition: none;<br />
}<br />
}<br />
</style><br />
<br />
<script><br />
(function () {<br />
"use strict";<br />
<br />
document.querySelectorAll(".fgwiki-gallery").forEach(function (slider) {<br />
const track = slider.querySelector(".fgwiki-gallery__track");<br />
const originalSlides = Array.from(<br />
slider.querySelectorAll(".fgwiki-gallery__slide")<br />
);<br />
const rightButton = slider.querySelector(".fgwiki-gallery__button--right");<br />
const leftButton = slider.querySelector(".fgwiki-gallery__button--left");<br />
const dotsContainer = slider.querySelector(".fgwiki-gallery__dots");<br />
<br />
if (!track || originalSlides.length === 0) {<br />
return;<br />
}<br />
<br />
let currentIndex = 0;<br />
let autoPlayTimer = null;<br />
let touchStartX = 0;<br />
let touchEndX = 0;<br />
let isAnimating = false;<br />
const autoPlayDelay = 3000;<br />
<br />
function getVisibleItems() {<br />
const value = getComputedStyle(slider)<br />
.getPropertyValue("--fg-items")<br />
.trim();<br />
<br />
return Math.max(1, parseInt(value, 10) || 1);<br />
}<br />
<br />
function cleanupClones() {<br />
Array.from(track.querySelectorAll(".is-clone")).forEach(function (node) {<br />
node.remove();<br />
});<br />
}<br />
<br />
function buildInfiniteTrack() {<br />
cleanupClones();<br />
<br />
const visibleItems = getVisibleItems();<br />
const slides = Array.from(track.children).filter(function (slide) {<br />
return !slide.classList.contains("is-clone");<br />
});<br />
<br />
const prependClones = slides.slice(-visibleItems).map(function (slide) {<br />
const clone = slide.cloneNode(true);<br />
clone.classList.add("is-clone");<br />
clone.setAttribute("aria-hidden", "true");<br />
return clone;<br />
});<br />
<br />
const appendClones = slides.slice(0, visibleItems).map(function (slide) {<br />
const clone = slide.cloneNode(true);<br />
clone.classList.add("is-clone");<br />
clone.setAttribute("aria-hidden", "true");<br />
return clone;<br />
});<br />
<br />
prependClones.forEach(function (clone) {<br />
track.insertBefore(clone, track.firstChild);<br />
});<br />
<br />
appendClones.forEach(function (clone) {<br />
track.appendChild(clone);<br />
});<br />
<br />
currentIndex = visibleItems;<br />
updateSlider(false);<br />
}<br />
<br />
function getAllSlides() {<br />
return Array.from(track.querySelectorAll(".fgwiki-gallery__slide"));<br />
}<br />
<br />
function getRealSlidesCount() {<br />
return originalSlides.length;<br />
}<br />
<br />
function getSlideStep() {<br />
const slides = getAllSlides();<br />
<br />
if (slides.length < 2) {<br />
return slides[0] ? slides[0].getBoundingClientRect().width : 0;<br />
}<br />
<br />
const firstSlide = slides[0].getBoundingClientRect();<br />
const secondSlide = slides[1].getBoundingClientRect();<br />
<br />
return Math.abs(secondSlide.left - firstSlide.left);<br />
}<br />
<br />
function updateDots() {<br />
const visibleItems = getVisibleItems();<br />
const realSlidesCount = getRealSlidesCount();<br />
const maxDotIndex = Math.max(0, realSlidesCount - visibleItems);<br />
const realIndex = ((currentIndex - visibleItems) % realSlidesCount + realSlidesCount) % realSlidesCount;<br />
const activeDotIndex = Math.min(realIndex, maxDotIndex);<br />
<br />
const dots = dotsContainer.querySelectorAll(".fgwiki-gallery__dot");<br />
<br />
dots.forEach(function (dot, index) {<br />
const isActive = index === activeDotIndex;<br />
dot.classList.toggle("is-active", isActive);<br />
dot.setAttribute("aria-current", isActive ? "true" : "false");<br />
});<br />
}<br />
<br />
function updateCenterState() {<br />
const visibleItems = getVisibleItems();<br />
const centerOffset = Math.floor(visibleItems / 2);<br />
const centerIndex = currentIndex + centerOffset;<br />
const slides = getAllSlides();<br />
<br />
slides.forEach(function (slide, index) {<br />
slide.classList.toggle("is-center", index === centerIndex);<br />
});<br />
}<br />
<br />
function updateSlider(animate) {<br />
const step = getSlideStep();<br />
const offset = currentIndex * step;<br />
<br />
if (!animate) {<br />
track.style.transition = "none";<br />
} else {<br />
track.style.transition = "";<br />
}<br />
<br />
track.style.transform = "translate3d(" + offset + "px, 0, 0)";<br />
<br />
updateDots();<br />
updateCenterState();<br />
<br />
if (!animate) {<br />
requestAnimationFrame(function () {<br />
requestAnimationFrame(function () {<br />
track.style.transition = "";<br />
});<br />
});<br />
}<br />
}<br />
<br />
function jumpIfNeeded() {<br />
const visibleItems = getVisibleItems();<br />
const realSlidesCount = getRealSlidesCount();<br />
<br />
if (currentIndex >= realSlidesCount + visibleItems) {<br />
currentIndex = visibleItems;<br />
updateSlider(false);<br />
} else if (currentIndex < visibleItems) {<br />
currentIndex = realSlidesCount + visibleItems - 1;<br />
updateSlider(false);<br />
}<br />
<br />
updateCenterState();<br />
updateDots();<br />
}<br />
<br />
function goToSlide(index) {<br />
if (isAnimating) {<br />
return;<br />
}<br />
<br />
isAnimating = true;<br />
currentIndex = index;<br />
updateSlider(true);<br />
<br />
window.setTimeout(function () {<br />
jumpIfNeeded();<br />
isAnimating = false;<br />
}, 680);<br />
}<br />
<br />
function moveRight() {<br />
goToSlide(currentIndex + 1);<br />
}<br />
<br />
function moveLeft() {<br />
goToSlide(currentIndex - 1);<br />
}<br />
<br />
function createDots() {<br />
const visibleItems = getVisibleItems();<br />
const dotsCount = Math.max(1, getRealSlidesCount() - visibleItems + 1);<br />
<br />
dotsContainer.innerHTML = "";<br />
<br />
for (let index = 0; index < dotsCount; index += 1) {<br />
const dot = document.createElement("button");<br />
<br />
dot.type = "button";<br />
dot.className = "fgwiki-gallery__dot";<br />
dot.setAttribute("aria-label", "نمایش اسلاید شماره " + (index + 1));<br />
<br />
dot.addEventListener("click", function () {<br />
currentIndex = getVisibleItems() + index;<br />
updateSlider(true);<br />
restartAutoPlay();<br />
});<br />
<br />
dotsContainer.appendChild(dot);<br />
}<br />
<br />
updateDots();<br />
}<br />
<br />
function startAutoPlay() {<br />
stopAutoPlay();<br />
<br />
if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {<br />
return;<br />
}<br />
<br />
autoPlayTimer = window.setInterval(function () {<br />
moveRight();<br />
}, autoPlayDelay);<br />
}<br />
<br />
function stopAutoPlay() {<br />
if (autoPlayTimer !== null) {<br />
window.clearInterval(autoPlayTimer);<br />
autoPlayTimer = null;<br />
}<br />
}<br />
<br />
function restartAutoPlay() {<br />
stopAutoPlay();<br />
startAutoPlay();<br />
}<br />
<br />
rightButton.addEventListener("click", function () {<br />
moveRight();<br />
restartAutoPlay();<br />
});<br />
<br />
leftButton.addEventListener("click", function () {<br />
moveLeft();<br />
restartAutoPlay();<br />
});<br />
<br />
slider.addEventListener("mouseenter", stopAutoPlay);<br />
slider.addEventListener("mouseleave", startAutoPlay);<br />
slider.addEventListener("focusin", stopAutoPlay);<br />
<br />
slider.addEventListener("focusout", function (event) {<br />
if (!slider.contains(event.relatedTarget)) {<br />
startAutoPlay();<br />
}<br />
});<br />
<br />
slider.addEventListener(<br />
"touchstart",<br />
function (event) {<br />
touchStartX = event.changedTouches[0].clientX;<br />
touchEndX = touchStartX;<br />
stopAutoPlay();<br />
},<br />
{ passive: true }<br />
);<br />
<br />
slider.addEventListener(<br />
"touchmove",<br />
function (event) {<br />
touchEndX = event.changedTouches[0].clientX;<br />
},<br />
{ passive: true }<br />
);<br />
<br />
slider.addEventListener(<br />
"touchend",<br />
function () {<br />
const swipeDistance = touchEndX - touchStartX;<br />
<br />
if (Math.abs(swipeDistance) > 45) {<br />
if (swipeDistance > 0) {<br />
moveRight();<br />
} else {<br />
moveLeft();<br />
}<br />
}<br />
<br />
startAutoPlay();<br />
},<br />
{ passive: true }<br />
);<br />
<br />
window.addEventListener("resize", function () {<br />
buildInfiniteTrack();<br />
createDots();<br />
});<br />
<br />
if ("IntersectionObserver" in window) {<br />
const observer = new IntersectionObserver(<br />
function (entries) {<br />
entries.forEach(function (entry) {<br />
if (entry.isIntersecting) {<br />
startAutoPlay();<br />
} else {<br />
stopAutoPlay();<br />
}<br />
});<br />
},<br />
{<br />
threshold: 0.2<br />
}<br />
);<br />
<br />
observer.observe(slider);<br />
} else {<br />
startAutoPlay();<br />
}<br />
<br />
buildInfiniteTrack();<br />
createDots();<br />
});<br />
})();<br />
</script><br />
<br />
<br />
</html></div>
Javid