Esfandiari: ۱ نسخه واردشده

2026-06-25T09:48:58Z

۱ نسخه واردشده

→ نسخهٔ قدیمی‌تر		نسخهٔ ‏۲۵ ژوئن ۲۰۲۶، ساعت ۰۹:۴۸
(بدون تفاوت)

esfandiari>Nazarzadeh: خنثی‌سازی نسخهٔ 87460 از Nazarzadeh (بحث)

2025-08-08T09:13:49Z

خنثی‌سازی نسخهٔ 87460 از Nazarzadeh (بحث)

صفحهٔ تازه

<templatestyles src="الگو:گالری وسط/styles.css" />
{{#tag:html|
<div class="crazy-slider-container">
{{#if: {{{اسلاید اول|}}} |
<div class="weird-slide active" data-index="0">
<img src="{{filepath:{{{اسلاید اول|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر اول|}}}</div>
<div class="random-description">{{{توضیح اول|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید دوم|}}} |
<div class="weird-slide" data-index="1">
<img src="{{filepath:{{{اسلاید دوم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر دوم|}}}</div>
<div class="random-description">{{{توضیح دوم|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید سوم|}}} |
<div class="weird-slide" data-index="2">
<img src="{{filepath:{{{اسلاید سوم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر سوم|}}}</div>
<div class="random-description">{{{توضیح سوم|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید چهارم|}}} |
<div class="weird-slide" data-index="3">
<img src="{{filepath:{{{اسلاید چهارم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر چهارم|}}}</div>
<div class="random-description">{{{توضیح چهارم|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید پنجم|}}} |
<div class="weird-slide" data-index="4">
<img src="{{filepath:{{{اسلاید پنجم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر پنجم|}}}</div>
<div class="random-description">{{{توضیح پنجم|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید ششم|}}} |
<div class="weird-slide" data-index="5">
<img src="{{filepath:{{{اسلاید ششم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر ششم|}}}</div>
<div class="random-description">{{{توضیح ششم|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید هفتم|}}} |
<div class="weird-slide" data-index="6">
<img src="{{filepath:{{{اسلاید هفتم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر هفتم|}}}</div>
<div class="random-description">{{{توضیح هفتم|}}}</div>
</div>
</div>
}}

{{#if: {{{اسلاید هشتم|}}} |
<div class="weird-slide" data-index="7">
<img src="{{filepath:{{{اسلاید هشتم|}}}}}" class="slide-image clickable">
<div class="silly-content">
<div class="fancy-title">{{{تیتر هشتم|}}}</div>
<div class="random-description">{{{توضیح هشتم|}}}</div>
</div>
</div>
}}

<span class="left-arrow" onclick="changeSlide(-1)">❮</span>
<span class="right-arrow" onclick="changeSlide(1)">❯</span>

<div class="crazy-controls">
{{#if: {{{اسلاید اول|}}} | <span class="control-button active" onclick="showSlide(0)">۱</span> }}
{{#if: {{{اسلاید دوم|}}} | <span class="control-button" onclick="showSlide(1)">۲</span> }}
{{#if: {{{اسلاید سوم|}}} | <span class="control-button" onclick="showSlide(2)">۳</span> }}
{{#if: {{{اسلاید چهارم|}}} | <span class="control-button" onclick="showSlide(3)">۴</span> }}
{{#if: {{{اسلاید پنجم|}}} | <span class="control-button" onclick="showSlide(4)">۵</span> }}
{{#if: {{{اسلاید ششم|}}} | <span class="control-button" onclick="showSlide(5)">۶</span> }}
{{#if: {{{اسلاید هفتم|}}} | <span class="control-button" onclick="showSlide(6)">۷</span> }}
{{#if: {{{اسلاید هشتم|}}} | <span class="control-button" onclick="showSlide(7)">۸</span> }}
</div>
</div>

<div class="image-modal" id="imageModal">
<span class="close">×</span>
<img class="modal-content" id="img01">
<div id="caption"></div>
</div>

<script>
let currentSlide = 0;
const slides = Array.from(document.querySelectorAll('.weird-slide'));
const controlButtons = Array.from(document.querySelectorAll('.control-button'));

function showSlide(index) {
slides.forEach(slide => slide.style.display = 'none');
controlButtons.forEach(btn => btn.classList.remove('active'));

slides[index].style.display = 'flex';
controlButtons[index].classList.add('active');
currentSlide = index;
}

function changeSlide(direction) {
currentSlide = (currentSlide + direction + slides.length) % slides.length;
showSlide(currentSlide);
}

const modal = document.getElementById("imageModal");
const modalImg = document.getElementById("img01");
const captionText = document.getElementById("caption");
const closeButton = document.getElementsByClassName("close")[0];

document.querySelectorAll('.clickable').forEach((img) => {
img.onclick = function() {
modal.style.display = "block";
modalImg.src = this.src;
captionText.innerHTML = this.alt;
}
});

closeButton.onclick = function() {
modal.style.display = "none";
}

modal.onclick = function() {
modal.style.display = "none";
}

document.addEventListener('DOMContentLoaded', () => {
slides.forEach((slide, index) => {
const imgSrc = slide.querySelector('img').getAttribute('src');
if (!imgSrc) slide.style.display = 'none';
});
showSlide(0);
});

setInterval(() => {
changeSlide(1);
}, 5000);
</script>
}}<noinclude>
{{Documentation}}
</noinclude>

الگو:گالری وسط - تاریخچهٔ نسخه‌ها

Esfandiari: ۱ نسخه واردشده

esfandiari>Nazarzadeh: خنثی‌سازی نسخهٔ 87460 از Nazarzadeh (بحث)