القائمة الرئيسية

الصفحات

Tutorial

Random Forest Classification using the Semi-Automatic Classification Plugin

Emirates Schools مدرستي الاماراتية Blog 04 February 2021

This tutorial is about the Random Forest classification using the Semi-Automatic Classification Plugin (SCP) for QGIS . It is assumed that...

أقراء المزيد

Unsupervised Classification using the Semi-Automatic Classification Plugin version 7

Emirates Schools مدرستي الاماراتية Blog 28 January 2021

This is a basic tutorial about the use of Semi-Automatic Classification Plugin (SCP) for the unsupervised classification of a multispectral ...

أقراء المزيد

Help to Translate the User Manual and Interface of the Semi-Automatic Classification Plugin

Emirates Schools مدرستي الاماراتية Blog 12 December 2020

The Semi-Automatic Classification Plugin (SCP) can be translated from English to any language . I invite you to translate the user manual a...

أقراء المزيد

How to install the Semi-Automatic Classification Plugin version 7 and version 6 concurrently

Emirates Schools مدرستي الاماراتية Blog 27 October 2020

The Semi-Automatic Classification Plugin (SCP) version 7 has been released recently. . In case you still need to use the old version 6 in ...

أقراء المزيد

Land Cover Classification using the Semi-Automatic Classification Plugin version 7

Emirates Schools مدرستي الاماراتية Blog 25 October 2020

This is a basic tutorial about the use of SCP for the classification of a multispectral image. It is recommended to read the Brief Introduct...

أقراء المزيد

SCP Tips: Import ROIs from shapefile

Emirates Schools مدرستي الاماراتية Blog 28 January 2020

Tips about the Semi-Automatic Classification Plugin for QGIS SCP allows for the creation of ROIs in order to calculate spectral signatures a...

أقراء المزيد

SCP Tips: Scatter plot raster

Emirates Schools مدرستي الاماراتية Blog 21 January 2020

Tips about the Semi-Automatic Classification Plugin for QGIS Scatter plot is useful to assess the variability of pixel values for selected b...

أقراء المزيد

SCP Tips: Cursor displays pixel value

Emirates Schools مدرستي الاماراتية Blog 14 January 2020

Tips about the Semi-Automatic Classification Plugin for QGIS SCP can display pixel values of vegetation indices (NDVI, EVI) as you move the ...

أقراء المزيد

SCP Tips: Edit a raster manually

Emirates Schools مدرستي الاماراتية Blog 07 January 2020

Tips about the Semi-Automatic Classification Plugin for QGIS The refinement of classification usually involves the creation of vector files ...

أقراء المزيد

SCP Tips: Temporary Directory

Emirates Schools مدرستي الاماراتية Blog 27 September 2019

Tips about the Semi-Automatic Classification Plugin for QGIS Processing satellite images requires a large amount of disk space for temporary...

أقراء المزيد

SCP Tips: Classification previews

Emirates Schools مدرستي الاماراتية Blog 20 September 2019

Tips about the Semi-Automatic Classification Plugin for QGIS Activating the Classification preview pointer you can display a preview with a ...

أقراء المزيد

SCP Tips: Notification Email of Completed Process

Emirates Schools مدرستي الاماراتية Blog 13 September 2019

Tips about the Semi-Automatic Classification Plugin for QGIS You can receive a notification email (through SMTP) when a long process is comp...

أقراء المزيد

Postprocessing tools for assessing land cover change

Emirates Schools مدرستي الاماراتية Blog 10 September 2019

This tutorial aims to analyze land cover change using the Semi-Automatic Classification Plugin (SCP) Postprocessing tools. Basically, we a...

أقراء المزيد

SCP Tips: ROI Pointer

Emirates Schools مدرستي الاماراتية Blog 06 September 2019

Tips about the Semi-Automatic Classification Plugin for QGIS Activating the ROI pointer you can select similar pixels (region growing) with ...

أقراء المزيد

Accuracy Assessment of a Land Cover Classification

Emirates Schools مدرستي الاماراتية Blog 02 September 2019

Accuracy assessment is a fundamental step after land cover classification in order to evaluate errors, globally and for each class, and fina...

أقراء المزيد

SCP Tips: Report an error

Emirates Schools مدرستي الاماراتية Blog 01 September 2019

Tips about the Semi-Automatic Classification Plugin for QGIS In case you get an error using SCP, please report it. First activate the SCP lo...

أقراء المزيد

SCP Tips: Band Set Order

Emirates Schools مدرستي الاماراتية Blog 31 August 2019

Tips about the Semi-Automatic Classification Plugin for QGIS You can reorder the band sets, for instance in chronological order, by dragging...

أقراء المزيد

SCP Tips: Speed Up Processing

Emirates Schools مدرستي الاماراتية Blog 30 August 2019

Tips about the Semi-Automatic Classification Plugin for QGIS You can speed up the processing by entering a value in Available RAM settings e...

أقراء المزيد

SCP Tips: Color Composite

Emirates Schools مدرستي الاماراتية Blog 29 August 2019

Tips about the Semi-Automatic Classification Plugin for QGIS You can edit the color composite list and change the RGB composite with a simpl...

أقراء المزيد

How to Monitor the Fires in the Amazon Rainforest on a Daily Basis

Emirates Schools مدرستي الاماراتية Blog 26 August 2019

The news of the fires in the Amazon rainforest is alarming. There are several monitoring services such as FIRMS by NASA that allows for acc...

أقراء المزيد

عرض المزيد

جارٍ التحميل...

/*<![CDATA[*/ /* ============================================================ ملف JavaScript المتقدم - ثيم عربي احترافي مع حركات ============================================================ */ (function() { 'use strict'; /* ========================================================= 1. شاشة التحميل (Page Loader) ========================================================= */ function initLoader() { var loader = document.getElementById('page-loader'); if (!loader) return; window.addEventListener('load', function() { setTimeout(function() { loader.classList.add('hidden'); // إزالة الشاشة نهائياً بعد الانتهاء setTimeout(function() { if (loader && loader.parentNode) loader.parentNode.removeChild(loader); }, 600); }, 400); }); } /* ========================================================= 2. شريط تقدم القراءة (Reading Progress) ========================================================= */ function initReadingProgress() { var bar = document.getElementById('reading-progress'); if (!bar) { bar = document.createElement('div'); bar.id = 'reading-progress'; document.body.insertBefore(bar, document.body.firstChild); } window.addEventListener('scroll', function() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop; var docHeight = document.documentElement.scrollHeight - window.innerHeight; var progress = docHeight > 0 ? scrollTop / docHeight : 0; bar.style.transform = 'scaleX(' + progress + ')'; }, { passive: true }); } /* ========================================================= 3. الهيدر اللاصق (Sticky Header) ========================================================= */ function initStickyHeader() { var headerBg = document.querySelector('.HeaderBg'); if (!headerBg) return; var lastScroll = 0; window.addEventListener('scroll', function() { var currentScroll = window.pageYOffset; if (currentScroll > 80) { headerBg.classList.add('scrolled'); } else { headerBg.classList.remove('scrolled'); } // إخفاء الهيدر عند التمرير للأسفل بسرعة if (currentScroll > lastScroll && currentScroll > 200) { headerBg.style.transform = 'translateY(-100%)'; } else { headerBg.style.transform = 'translateY(0)'; } lastScroll = currentScroll; }, { passive: true }); } /* ========================================================= 4. زر العودة للأعلى (Back to Top) ========================================================= */ function initBackToTop() { var btn = document.querySelector('.toTopB'); if (!btn) return; window.addEventListener('scroll', function() { if (window.pageYOffset > 400) { btn.classList.add('vsbl'); } else { btn.classList.remove('vsbl'); } }, { passive: true }); btn.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); // تأثير الدوران عند النقر btn.style.transform = 'scale(1.2) rotate(360deg)'; setTimeout(function() { btn.style.transform = ''; }, 500); }); } /* ========================================================= 5. وضع الليل / النهار (Dark Mode) ========================================================= */ function initDarkMode() { // تطبيق الوضع المحفوظ if (localStorage.getItem('mode') === 'darkmode') { document.body.classList.add('dark-mode'); if (document.documentElement) document.documentElement.setAttribute('mode', 'dark'); } // زر تبديل الوضع var dmode = document.querySelector('.Dmode'); if (!dmode) return; dmode.addEventListener('click', function() { var isDark = document.body.classList.toggle('dark-mode'); document.documentElement.setAttribute('mode', isDark ? 'dark' : 'light'); localStorage.setItem('mode', isDark ? 'darkmode' : 'lightmode'); // تأثير تموج عند التبديل dmode.style.transform = 'scale(1.3) rotate(180deg)'; setTimeout(function() { dmode.style.transform = ''; }, 400); // إظهار تنبيه مؤقت showToast(isDark ? '🌙 الوضع الليلي مفعّل' : '☀️ الوضع النهاري مفعّل'); }); } /* ========================================================= 6. حركة العناصر عند التمرير (Scroll Animations) ========================================================= */ function initScrollAnimations() { // إضافة كلاس للعناصر القابلة للتحريك var selectors = [ '.posts', '.trelists', '#sidepar-wid .widget', '.post-amp', 'article.post-amp', '.headline', '.footer-col', '.author-profile', '#tocDiv', '.comment-plugin', '.Authors-plugin' ]; selectors.forEach(function(sel) { document.querySelectorAll(sel).forEach(function(el, i) { el.classList.add('animate-on-scroll'); el.style.transitionDelay = (i * 0.07) + 's'; }); }); function checkElements() { var windowHeight = window.innerHeight; document.querySelectorAll('.animate-on-scroll:not(.animated)').forEach(function(el) { var rect = el.getBoundingClientRect(); if (rect.top < windowHeight - 60) { el.classList.add('animated'); } }); } // تفعيل IntersectionObserver إذا كان متاحاً if ('IntersectionObserver' in window) { var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('animated'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -60px 0px' }); document.querySelectorAll('.animate-on-scroll').forEach(function(el) { observer.observe(el); }); } else { window.addEventListener('scroll', checkElements, { passive: true }); checkElements(); } } /* ========================================================= 7. تأثير Ripple للأزرار ========================================================= */ function initRippleEffect() { var rippleSelectors = '.moreLink, .headline .Lapel-Link, a.Lapel-Link, .loadMore div, .blog-pager'; document.querySelectorAll(rippleSelectors).forEach(function(btn) { btn.classList.add('btn-ripple'); btn.addEventListener('click', function(e) { var rect = btn.getBoundingClientRect(); var ripple = document.createElement('span'); var size = Math.max(rect.width, rect.height); ripple.style.cssText = 'position:absolute;border-radius:50%;background:rgba(255,255,255,0.4);' + 'width:' + size + 'px;height:' + size + 'px;' + 'top:' + (e.clientY - rect.top - size/2) + 'px;' + 'left:' + (e.clientX - rect.left - size/2) + 'px;' + 'transform:scale(0);animation:ripple 0.6s linear;pointer-events:none;'; btn.appendChild(ripple); setTimeout(function() { ripple.remove(); }, 700); }); }); } /* ========================================================= 8. تحميل الصور الكسول (Lazy Loading) ========================================================= */ function initLazyLoad() { if (!window.LazyLoad && typeof LazyLoad === 'undefined') { // تنفيذ lazy load بسيط var imgObserver; if ('IntersectionObserver' in window) { imgObserver = new IntersectionObserver(function(entries, obs) { entries.forEach(function(entry) { if (entry.isIntersecting) { var img = entry.target; var src = img.getAttribute('data-src'); if (src) { img.src = src; img.removeAttribute('data-src'); img.closest('.Img-Holder') && img.closest('.Img-Holder').classList.add('Img-Loaded'); obs.unobserve(img); } } }); }, { rootMargin: '200px 0px' }); document.querySelectorAll('img[data-src]').forEach(function(img) { imgObserver.observe(img); }); } else { // Fallback لجميع الصور document.querySelectorAll('img[data-src]').forEach(function(img) { img.src = img.getAttribute('data-src'); img.removeAttribute('data-src'); }); } } } /* ========================================================= 9. تأثيرات الجسيمات في الخلفية (Particles) ========================================================= */ function initParticles() { var hero = document.querySelector('.HeaderBg'); if (!hero) return; // إنشاء 5 جسيمات بشكل دوري function createParticle() { var particle = document.createElement('div'); particle.className = 'particle'; var size = Math.random() * 6 + 3; particle.style.cssText = 'position:fixed;border-radius:50%;pointer-events:none;z-index:-1;' + 'width:' + size + 'px;height:' + size + 'px;' + 'background:rgba(124,58,237,' + (Math.random() * 0.3 + 0.1) + ');' + 'right:' + Math.random() * 100 + '%;' + 'bottom:' + Math.random() * 20 + '%;' + 'animation:particleFloat ' + (Math.random() * 3 + 2) + 's ease-in-out forwards;'; document.body.appendChild(particle); setTimeout(function() { particle.remove(); }, 5000); } setInterval(createParticle, 1500); } /* ========================================================= 10. إشعارات Toast ========================================================= */ function showToast(message, type) { type = type || 'info'; var toast = document.createElement('div'); var colors = { info: '#7c3aed', success: '#10b981', error: '#ef4444', warning: '#f59e0b' }; toast.style.cssText = 'position:fixed;bottom:90px;right:20px;' + 'background:' + (colors[type] || colors.info) + ';color:#fff;' + 'padding:12px 20px;border-radius:10px;font-size:13px;font-weight:700;' + 'box-shadow:0 4px 20px rgba(0,0,0,0.2);z-index:99999;direction:rtl;' + 'animation:fadeInRight 0.4s ease,fadeOutRight 0.4s ease 2.5s forwards;' + 'max-width:280px;line-height:1.4;'; toast.textContent = message; // إضافة keyframes إذا لم تكن موجودة if (!document.getElementById('toast-styles')) { var s = document.createElement('style'); s.id = 'toast-styles'; s.textContent = '@keyframes fadeOutRight{to{opacity:0;transform:translateX(100%)}}'; document.head.appendChild(s); } document.body.appendChild(toast); setTimeout(function() { toast.remove(); }, 3200); } // تعريف عالمي للاستخدام من الخارج window.showToast = showToast; /* ========================================================= 11. عداد الأرقام (Counter Animation) ========================================================= */ function initCounters() { document.querySelectorAll('.Stats .digit strong, [data-count]').forEach(function(el) { var target = parseInt(el.getAttribute('data-count') || el.textContent, 10); if (isNaN(target)) return; el.textContent = '0'; var obs = new IntersectionObserver(function(entries, obs) { if (!entries[0].isIntersecting) return; obs.unobserve(el); var start = 0, duration = 1500, step = target / (duration / 16); var timer = setInterval(function() { start += step; if (start >= target) { el.textContent = target.toLocaleString('ar'); clearInterval(timer); } else el.textContent = Math.floor(start).toLocaleString('ar'); }, 16); }, { threshold: 0.5 }); obs.observe(el); }); } /* ========================================================= 12. تأثير الكتابة (Typing Effect) للشريط الإخباري ========================================================= */ function initTypingEffect() { var titleEl = document.querySelector('.ShreetTitle'); if (!titleEl) return; var originalText = titleEl.textContent.trim(); titleEl.textContent = ''; titleEl.style.borderLeft = '2px solid rgba(255,255,255,0.7)'; var i = 0; function type() { if (i < originalText.length) { titleEl.textContent += originalText[i++]; setTimeout(type, 80); } else { titleEl.style.borderLeft = 'none'; } } setTimeout(type, 1000); } /* ========================================================= 13. تأثير Tilt للبطاقات ========================================================= */ function initTiltEffect() { document.querySelectorAll('.Sp-slide .posts, .Sp-posts1 .posts').forEach(function(card) { card.addEventListener('mousemove', function(e) { var rect = card.getBoundingClientRect(); var x = e.clientX - rect.left; var y = e.clientY - rect.top; var centerX = rect.width / 2; var centerY = rect.height / 2; var tiltX = ((y - centerY) / centerY) * 5; var tiltY = ((x - centerX) / centerX) * -5; card.style.transform = 'perspective(1000px) rotateX(' + tiltX + 'deg) rotateY(' + tiltY + 'deg) translateZ(5px)'; }); card.addEventListener('mouseleave', function() { card.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateZ(0)'; card.style.transition = 'transform 0.5s ease'; }); }); } /* ========================================================= 14. نافذة مشاركة مخصصة (Custom Share) ========================================================= */ function initCustomShare() { document.querySelectorAll('[data-share]').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); var type = btn.getAttribute('data-share'); var url = encodeURIComponent(window.location.href); var title = encodeURIComponent(document.title); var shareUrls = { facebook: 'https://www.facebook.com/sharer/sharer.php?u=' + url, twitter: 'https://twitter.com/intent/tweet?url=' + url + '&text=' + title, whatsapp: 'https://wa.me/?text=' + title + '%20' + url, telegram: 'https://t.me/share/url?url=' + url + '&text=' + title, linkedin: 'https://www.linkedin.com/shareArticle?url=' + url + '&title=' + title, pinterest:'https://pinterest.com/pin/create/button/?url=' + url + '&description=' + title }; if (shareUrls[type]) { window.open(shareUrls[type], '_blank', 'width=600,height=400'); } else if (type === 'copy') { if (navigator.clipboard) { navigator.clipboard.writeText(window.location.href).then(function() { showToast('✅ تم نسخ الرابط بنجاح!', 'success'); }); } } }); }); } /* ========================================================= 15. تحسين نموذج البحث ========================================================= */ function initSearchEnhancement() { var searchInputs = document.querySelectorAll('input[name="q"], #searchIn'); searchInputs.forEach(function(inp) { inp.addEventListener('focus', function() { inp.closest('.fxbox, .search-input') && inp.closest('.fxbox, .search-input').classList.add('focused'); }); inp.addEventListener('blur', function() { inp.closest('.fxbox, .search-input') && inp.closest('.fxbox, .search-input').classList.remove('focused'); }); // تصفية مقترحات البحث inp.addEventListener('keydown', function(e) { if (e.key === 'Escape') { var navC = document.getElementById('NavC'); if (navC) navC.checked = false; } }); }); } /* ========================================================= 16. تحريك الأعداد الإحصائية ========================================================= */ function initStatsAnimation() { document.querySelectorAll('.Stats .widget-content').forEach(function(el) { el.classList.add('animate-on-scroll'); }); } /* ========================================================= 17. تأثير بريق على الصور (Image Shine) ========================================================= */ function initImageShine() { document.querySelectorAll('.Sp-slide a.thumb, .Sp-posts4 .postnum0 a.thumb').forEach(function(img) { img.addEventListener('mouseenter', function() { var shine = document.createElement('div'); shine.style.cssText = 'position:absolute;top:0;left:-100%;width:60%;height:100%;' + 'background:linear-gradient(to right,transparent,rgba(255,255,255,0.25),transparent);' + 'transform:skewX(-20deg);transition:left 0.6s ease;pointer-events:none;z-index:5;'; img.style.overflow = 'hidden'; img.appendChild(shine); setTimeout(function() { shine.style.left = '150%'; }, 50); setTimeout(function() { if (shine.parentNode) shine.remove(); }, 700); }); }); } /* ========================================================= 18. تتبع إحصاءات التمرير ========================================================= */ function initScrollTracking() { var milestones = [25, 50, 75, 100]; var reached = {}; window.addEventListener('scroll', function() { var scrollTop = window.pageYOffset || document.documentElement.scrollTop; var docHeight = document.documentElement.scrollHeight - window.innerHeight; var percent = Math.round((scrollTop / docHeight) * 100); milestones.forEach(function(m) { if (percent >= m && !reached[m]) { reached[m] = true; // يمكن استخدامها مع Google Analytics if (typeof gtag !== 'undefined') { gtag('event', 'scroll', { 'event_category': 'engagement', 'event_label': m + '%' }); } } }); }, { passive: true }); } /* ========================================================= 19. رابط نسخ الرابط ========================================================= */ function initCopyLink() { document.querySelectorAll('[title="copyLink"], .copy-link').forEach(function(btn) { btn.addEventListener('click', function(e) { e.preventDefault(); if (navigator.clipboard) { navigator.clipboard.writeText(window.location.href).then(function() { showToast('✅ تم نسخ الرابط!', 'success'); }); } }); }); } /* ========================================================= 20. تحسين الصور بالتحميل التدريجي ========================================================= */ function initProgressiveImages() { document.querySelectorAll('img[data-src]').forEach(function(img) { img.style.filter = 'blur(5px)'; img.style.transition = 'filter 0.5s ease'; img.addEventListener('load', function() { img.style.filter = 'none'; var holder = img.closest('.Img-Holder'); if (holder) holder.classList.add('Img-Loaded'); }); }); } /* ========================================================= 21. تأثير الموج عند النقر على الروابط ========================================================= */ function initLinkHoverEffect() { document.querySelectorAll('nav ul li a, .mainmenu ul li .minlin').forEach(function(link) { link.addEventListener('mouseenter', function() { link.style.transition = 'all 0.3s cubic-bezier(0.34,1.56,0.64,1)'; }); }); } /* ========================================================= 22. التحقق من صحة نموذج الاتصال ========================================================= */ function initFormValidation() { document.querySelectorAll('#contact-form form, .comment-form').forEach(function(form) { form.addEventListener('submit', function(e) { var valid = true; form.querySelectorAll('input[required], textarea[required]').forEach(function(field) { if (!field.value.trim()) { field.style.borderColor = '#ef4444'; field.style.boxShadow = '0 0 0 3px rgba(239,68,68,0.15)'; valid = false; setTimeout(function() { field.style.borderColor = ''; field.style.boxShadow = ''; }, 3000); } }); if (!valid) { e.preventDefault(); showToast('⚠️ يرجى ملء جميع الحقول المطلوبة', 'warning'); } }); }); } /* ========================================================= 23. تعديل تاريخ المقالات لعرض "منذ X" ========================================================= */ function initRelativeTime() { if (typeof GetAgo === 'function') return; // موجودة بالفعل في القالب document.querySelectorAll('time[datetime]').forEach(function(el) { var dt = new Date(el.getAttribute('datetime')); var now = new Date(); var diff = Math.floor((now - dt) / 1000); var text; if (diff < 60) text = 'منذ قليل'; else if (diff < 3600) text = 'منذ ' + Math.floor(diff/60) + ' دقيقة'; else if (diff < 86400) text = 'منذ ' + Math.floor(diff/3600) + ' ساعة'; else if (diff < 2592000)text = 'منذ ' + Math.floor(diff/86400) + ' يوم'; else if (diff < 31536000)text = 'منذ ' + Math.floor(diff/2592000) + ' شهر'; else text = 'منذ ' + Math.floor(diff/31536000) + ' سنة'; el.textContent = text; el.title = dt.toLocaleDateString('ar'); }); } /* ========================================================= 24. تكبير الصور (Lightbox بسيط) ========================================================= */ function initLightbox() { document.querySelectorAll('.post-body img:not([data-no-lightbox])').forEach(function(img) { img.style.cursor = 'zoom-in'; img.addEventListener('click', function() { var overlay = document.createElement('div'); overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:999999;' + 'display:flex;align-items:center;justify-content:center;' + 'animation:fadeInUp 0.3s ease;cursor:zoom-out;'; var bigImg = document.createElement('img'); bigImg.src = img.src; bigImg.style.cssText = 'max-width:90vw;max-height:90vh;border-radius:12px;' + 'box-shadow:0 20px 60px rgba(0,0,0,0.5);' + 'animation:scaleIn 0.3s ease;'; var closeBtn = document.createElement('button'); closeBtn.textContent = '✕'; closeBtn.style.cssText = 'position:absolute;top:20px;left:20px;background:rgba(255,255,255,0.2);' + 'border:none;color:#fff;font-size:24px;width:44px;height:44px;' + 'border-radius:50%;cursor:pointer;transition:all 0.3s;'; closeBtn.addEventListener('mouseenter', function() { this.style.background = 'rgba(255,255,255,0.3)'; }); closeBtn.addEventListener('mouseleave', function() { this.style.background = 'rgba(255,255,255,0.2)'; }); overlay.appendChild(bigImg); overlay.appendChild(closeBtn); document.body.appendChild(overlay); document.body.style.overflow = 'hidden'; function closeOverlay() { overlay.style.opacity = '0'; overlay.style.transition = 'opacity 0.3s'; setTimeout(function() { overlay.remove(); document.body.style.overflow = ''; }, 300); } closeBtn.addEventListener('click', closeOverlay); overlay.addEventListener('click', function(e) { if (e.target === overlay) closeOverlay(); }); document.addEventListener('keydown', function handler(e) { if (e.key === 'Escape') { closeOverlay(); document.removeEventListener('keydown', handler); } }); }); }); } /* ========================================================= 25. تأثيرات القائمة الجانبية للجوال ========================================================= */ function initMobileMenuEffects() { var navM = document.getElementById('NavM'); var sidenav = document.querySelector('.sidenav'); if (!navM || !sidenav) return; navM.addEventListener('change', function() { if (navM.checked) { document.body.style.overflow = 'hidden'; sidenav.querySelectorAll('.mainmenu ul li').forEach(function(li, i) { li.style.opacity = '0'; li.style.transform = 'translateX(20px)'; setTimeout(function() { li.style.transition = 'all 0.3s ease'; li.style.opacity = '1'; li.style.transform = 'translateX(0)'; }, i * 60 + 100); }); } else { document.body.style.overflow = ''; } }); } /* ========================================================= 26. تأثير النبض على أيقونات الشبكات الاجتماعية ========================================================= */ function initSocialIcons() { document.querySelectorAll('.social-static.social li .soca').forEach(function(icon) { icon.addEventListener('mouseenter', function() { icon.style.animation = 'wobble 0.5s ease'; }); icon.addEventListener('animationend', function() { icon.style.animation = ''; }); }); } /* ========================================================= 27. تأثير البحث الصوتي (اختياري) ========================================================= */ function initVoiceSearch() { if (!('webkitSpeechRecognition' in window) && !('SpeechRecognition' in window)) return; var searchInputs = document.querySelectorAll('input[name="q"]'); searchInputs.forEach(function(inp) { var micBtn = document.createElement('button'); micBtn.type = 'button'; micBtn.innerHTML = '🎤'; micBtn.style.cssText = 'background:none;border:none;font-size:16px;cursor:pointer;' + 'padding:0 5px;transition:transform 0.3s;'; micBtn.title = 'بحث صوتي'; inp.parentNode && inp.parentNode.appendChild(micBtn); var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; micBtn.addEventListener('click', function() { var recognition = new SpeechRecognition(); recognition.lang = 'ar-SA'; recognition.onresult = function(e) { inp.value = e.results[0][0].transcript; micBtn.innerHTML = '🎤'; micBtn.style.transform = ''; }; recognition.onstart = function() { micBtn.innerHTML = '🔴'; micBtn.style.transform = 'scale(1.3)'; showToast('🎤 جارٍ الاستماع...', 'info'); }; recognition.onerror = function() { micBtn.innerHTML = '🎤'; micBtn.style.transform = ''; }; recognition.start(); }); }); } /* ========================================================= 28. تحديث الرقم العائم لعدد الأقسام في القائمة ========================================================= */ function initLabelCounts() { document.querySelectorAll('.label-count').forEach(function(span) { var num = parseInt(span.textContent, 10); if (!isNaN(num) && num > 0) { span.title = num + ' مشاركة'; } }); } /* ========================================================= 29. تحسين أداء الـ Scroll مع requestAnimationFrame ========================================================= */ var ticking = false; function onScroll() { if (!ticking) { window.requestAnimationFrame(function() { // يمكن إضافة منطق هنا للعمليات الثقيلة ticking = false; }); ticking = true; } } /* ========================================================= 30. تهيئة جميع الوظائف ========================================================= */ function init() { initLoader(); initReadingProgress(); initStickyHeader(); initBackToTop(); initDarkMode(); initScrollAnimations(); initRippleEffect(); initLazyLoad(); initSearchEnhancement(); initSocialIcons(); initCopyLink(); initProgressiveImages(); initLinkHoverEffect(); initRelativeTime(); initCounters(); initFormValidation(); initLabelCounts(); // تأثيرات تُفعَّل بعد تحميل DOM if (document.readyState === 'complete' || document.readyState === 'interactive') { initTypingEffect(); initTiltEffect(); initImageShine(); initMobileMenuEffects(); setTimeout(initParticles, 2000); setTimeout(initLightbox, 500); setTimeout(initCustomShare, 300); setTimeout(initVoiceSearch, 1000); } else { document.addEventListener('DOMContentLoaded', function() { initTypingEffect(); initTiltEffect(); initImageShine(); initMobileMenuEffects(); setTimeout(initParticles, 2000); setTimeout(initLightbox, 500); setTimeout(initCustomShare, 300); setTimeout(initVoiceSearch, 1000); }); } window.addEventListener('scroll', onScroll, { passive: true }); } // تشغيل عند تحميل الصفحة if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } /* ========================================================= مساعدات عامة ========================================================= */ window.BlogThemeHelpers = { showToast: showToast, initScrollAnimations: initScrollAnimations, initLightbox: initLightbox }; })(); /* ========================================================= ملاحظة: هذا الملف يُدمج داخل <b:skin> أو <script> في الـ XML ويعمل مع نظام Blogger الأصلي (data:, b:if, b:loop) ========================================================= */ /*]]>*/ window['__wavt'] = 'ACvIOeASGiZ39m2ZnrrpNrBxDTHA:1787025765314';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1631410060530122912','//thekochfamilys.blogspot.com/search/label/Tutorial','1631410060530122912'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '1631410060530122912', 'title': 'The Koch Family', 'url': 'https://thekochfamilys.blogspot.com/search/label/Tutorial', 'canonicalUrl': 'http://thekochfamilys.blogspot.com/search/label/Tutorial', 'homepageUrl': 'https://thekochfamilys.blogspot.com/', 'searchUrl': 'https://thekochfamilys.blogspot.com/search', 'canonicalHomepageUrl': 'http://thekochfamilys.blogspot.com/', 'blogspotFaviconUrl': 'https://thekochfamilys.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22The Koch Family - Atom\x22 href\x3d\x22https://thekochfamilys.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22The Koch Family - RSS\x22 href\x3d\x22https://thekochfamilys.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22The Koch Family - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/1631410060530122912/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/0873b1c68236056e', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'Tutorial', 'pageName': 'Tutorial', 'pageTitle': 'The Koch Family: Tutorial'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'The Koch Family', 'description': 'Your Modern Family blog. Together, we will talk about raising kids, organizing the home and saving money! Right now ...', 'url': 'https://thekochfamilys.blogspot.com/search/label/Tutorial', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Tutorial', 'resultsMessage': 'Showing posts with the label Tutorial', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eTutorial\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'BlogLabels', 'type': 'Label', 'sectionId': 'sittings', 'id': 'Label400'}, {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'type': 'PageList', 'sectionId': 'pages', 'id': 'PageList1'}, {'title': 'The Koch Family (Header)', 'type': 'Header', 'sectionId': 'logo', 'id': 'Header1'}, {'title': '\u0627\u0644\u0642\u0627\u0626\u0645\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629', 'type': 'LinkList', 'sectionId': 'menu', 'id': 'LinkList22'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '9158657111217727865', 'title': 'Random Forest Classification using the Semi-Automatic Classification Plugin', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vaEORSLiMyQ8QKsRWCAnM8r4hym0-PdpbANmez-s_KAZAFlOvdFlxAI6oeFs7csIO--O4jG9xBLzO1GeXctC67deYYZurgxOgUcTTqUVCZEsuHQQ', 'showInlineAds': false}, {'id': '5962172917673311152', 'title': 'Unsupervised Classification using the Semi-Automatic Classification Plugin version 7', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_s8mkjn40JOg44SR4e_Xn06v-4czlrAXSDTGuOSO5faMWw07sjXk0eSBKmjJc1SLvakflQhSdtLLG7qZSbsekh9AvyUdIhIvYxOO0izGzGjUfzv1Q', 'showInlineAds': false}, {'id': '389503696418504085', 'title': 'Help to Translate the User Manual and Interface of the Semi-Automatic Classification Plugin', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOtLHNzVp1lH_gM5tB6EsPaoT56naw-DVB7q0DH_ePLpek_eMnvMQ50RJ5HXTWrg7FDy80kuvGkfv-LFKbam1s-IJkMVMIKBcPMTbDg_LOpb0TGZ8JRV-U5_nQ-yy6dVNMZktS9DabTADI/s16000/user_manual_scp.jpg', 'showInlineAds': false}, {'id': '1025204459397682628', 'title': 'How to install the Semi-Automatic Classification Plugin version 7 and version 6 concurrently', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGmbbxKxv-T-5l8gSO_m9I9iko__qFN6PF23H695cf3WlgqSyuVSYhFVQZEFn-OciUg6KLjWHX632D1DZcV-ptnc4Ah8NZ36eE8M5vUYTv4jmNg6NU0q4o_Ec3qM28BT4OQZS5uvP5EVkO/s16000/install.jpg', 'showInlineAds': false}, {'id': '1840499204793729369', 'title': 'Land Cover Classification using the Semi-Automatic Classification Plugin version 7', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_v11ehsX-5KimeTmloa-NjfDYme85n8qxTFsZZexbUcN71pHAJZp4BbkyWiTPUIvDBWAcKtHHflyDBItwCi2uq5TwZYpNNcPCZKp5VhUh3bST-v8g', 'showInlineAds': false}, {'id': '7551779425279007260', 'title': 'SCP Tips: Import ROIs from shapefile', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tKI2xyEPPt8UPtQFNUUJvvRhE_X-LvkoMcUSu6ScNKeywfc3ye53l7fBeIRmha2moJWCr0ajWduiNbGC5V7HjXBheLQEr_f_MdWdRzxW0f-_p1Hw', 'showInlineAds': false}, {'id': '514141756913640786', 'title': 'SCP Tips: Scatter plot raster', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u0DfqnR5XOgYMqsH8r8wIplw-DruH4dYPqmukktK_k_q67vft_HFAHFAZ5LDkpp2XIKw2Gm2UeDbFwYRhRj1_mEBEgsmibRHzeKGN50BOf1Ffv', 'showInlineAds': false}, {'id': '8655511546125446335', 'title': 'SCP Tips: Cursor displays pixel value', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_tHnrVLwYSFAb0G0cMBCBKHipTb9ZjqKZatgnyBQNNP6UypGPyTkYnR_89LsowJRwT7ax2prYp8f9AEtfbhnGWuiI3JBQFf64NIkRZHvzs_7CAZ', 'showInlineAds': false}, {'id': '3347864083616805539', 'title': 'SCP Tips: Edit a raster manually', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ukIs5mZfAI4r_DKmLWOE93nQROKl10BNF67XQ5d4VJ67c0CSTbZDPmstPFPz9uVgwAK_Pmpksyq6P-o-x5PDIjm96Fpr3FRnPGFew92o9pr3K4_Q', 'showInlineAds': false}, {'id': '2798256679566775895', 'title': 'SCP Tips: Temporary Directory', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sGa91FOpZY1dxscvGVAjBBOOnUlONI0XpGQQBEAKJs0cIv7S1N0z9im3tvREQ356bAHbblDFYM-g8D9zx1UP8v9lPN_SZ5IwlWA92R8y6wLIHQvQ', 'showInlineAds': false}, {'id': '5425778750487664648', 'title': 'SCP Tips: Classification previews', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_sVdwYYfXQ-mfU4O2yPelFENKwzZTLdc2sSRtlpAzLz0OcRS-aXMbKiDvuYyL14Z2VeGF3rlBxfC9Cw_kwS9fzs3-ub0jOu96uEt3SaK1qxaLD_', 'showInlineAds': false}, {'id': '1212806341225020649', 'title': 'SCP Tips: Notification Email of Completed Process', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uC7mSbLVy1VzNE6nlFgiSG2iHZhu7XD17O4cpJGNfWVOYgtcywPK_AW1U6c39BZzFO1oPChW0nsUCptICqojJeUZrV6bWeQ5kqfWAWh1WFpYthUA', 'showInlineAds': false}, {'id': '2339476146062424022', 'title': 'Postprocessing tools for assessing land cover change', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGma89cQnCRt9Tz7k3L0ZMh-EHYqpJv8j3n4dif8uqg5EPI5KzhP3Ht-T9bzXS_hzjHwEgqjI7vNsfUQ8t2u9y1B5iVUAw0iADAxjGR_Anbjpmy4w0_YH0upEFdlAal_1v893au5n6RVRc/s1600/postprocessing.jpg', 'showInlineAds': false}, {'id': '7262420588087754778', 'title': 'SCP Tips: ROI Pointer', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_usqcxnwcCvMoRqcO0RNgu03u2qPL1UtpoKCbghGV451_K-U8VDuQvsLxOTF8P-AWkxWD2DFX6IdCPESJq5IxHMBsd8n6nQDI1trZnaa-IHn70C', 'showInlineAds': false}, {'id': '7420185219822095947', 'title': 'Accuracy Assessment of a Land Cover Classification', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHMx-oRI5hG6WYooVu6hxaTtuEcooTa3o9fdrDKfqSA5eY6Z8j6pUubWbm_pqAAEyaYxAJELlgM2mD4qCGp4zK02Flmnvwo95ksQcWGmd2y3nDtfj090sahU95Po2ft2rlsQW9mx2BZLCv/s1600/accuracy.jpg', 'showInlineAds': false}, {'id': '793238465829874252', 'title': 'SCP Tips: Report an error', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vH8FDMB0peoYidhUuX50FHRyzvj1AOKBI3hk0DA2UDCpNXE40D6ajFO9GRg3z5DbMhzA0ElUnnCFFkdpm3SAzwSuD-q41S63AlWSYAOzZltRKP8A', 'showInlineAds': false}, {'id': '5947229222086877233', 'title': 'SCP Tips: Band Set Order', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_usKeimMu-OoFoVmMZ-lJBd0WHy8wB5QNybX9QxSt6kpOs82cUxo8koOX8gmsb2T46rJXZl0vR4c49Kbz1b5teiKrsepuTMB9KLKrb7e1fb5sDkkA', 'showInlineAds': false}, {'id': '5024586458062052112', 'title': 'SCP Tips: Speed Up Processing', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_ujXXyhrO8Q73PTrKtKvDoZVx-RtxmgeuhHqE5T0nbfZKLo7eUfI3qkN1_AisEiFYHWxWKTJ_eiIRjnCxjZhSc5SHyROg3eNKrg0PNt7uQH5YWE7g', 'showInlineAds': false}, {'id': '5502888655618199559', 'title': 'SCP Tips: Color Composite', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_uUZIN3uRVFcujGkul24-WxeBoYRsM5UQjXwspttDFQvGXoiEicBDuubGiepJS9DrIT-V8Fz1i5xR8ue_Sb2PBYg00S-Gvo7RtZtDnRqD6fUO-Ehw', 'showInlineAds': false}, {'id': '910899236211319037', 'title': 'How to Monitor the Fires in the Amazon Rainforest on a Daily Basis', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvYWpBX0eGzkjzTHkxKEftVgWCCLkQdOIK6I2rcree0taIcnMjYiT-SNPnjM0iktK5IUKbAMbFlf4FpvRJKYJqNqPwr5ZTQ-wjCHMMpTiaWSvPb-iHhHiugFhWsDo_rBQDGmqNMzJXqv0v/s1600/ndvi.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'coment rios'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}]}], 'allBylineItems': [{'name': 'author', 'label': '\u0643\u062a\u0628:'}, {'name': 'timestamp', 'label': '\u0622\u062e\u0631 \u062a\u062d\u062f\u064a\u062b:'}, {'name': 'comments', 'label': 'coment rios'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': '\u0627\u0644\u0642\u0633\u0645:'}]}]}]); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label400', 'sittings', document.getElementById('Label400'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'pages', document.getElementById('PageList1'), {'title': '\u0627\u0644\u0635\u0641\u062d\u0627\u062a', 'links': [{'isCurrentPage': false, 'href': 'https://thekochfamilys.blogspot.com/', 'title': '\u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'logo', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList22', 'menu', document.getElementById('LinkList22'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3eTutorial\x3c/b\x3e. \x3ca href\x3d\x22https://thekochfamilys.blogspot.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/54888553-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));