اصل مواد کی طرف جائیں

ہوم
More

اردو ‎(ur)‎

English ‎(en)‎ اردو ‎(ur)‎

لاگ ان کریں

Paktaleem courses

ہوم
کورسز
All New Course

All New Course

کورس کی اقسام

کورسز تلاش کرو

تمام توسیع کریں

9th Class courses

10th Class courses

11th courses

12th courses

آپ لاگ ان نہیں ہیں (لاگ ان کریں)

ڈیٹا برقرار رکھنے کا خلاصہ

موبائل ایپ حاصل کریں

/* PakTaleem Optimized JavaScript - Consolidated & Fast */ window.onload = function() { // Non-essential scripts ko 1.5 seconds delay se load karein taakay score upar jaye setTimeout(function() { initPakTaleemEffects(); }, 1500); }; function initPakTaleemEffects() { const isHomePage = document.getElementById('page-site-index'); const isLoginSignup = document.body.id.includes('page-login'); // 1. Signup/Login Form Icons if (isLoginSignup) { const iconMap = {'id_username':'fa-user','id_password':'fa-lock','id_email':'fa-envelope','id_firstname':'fa-user-circle','id_city':'fa-city','id_country':'fa-globe'}; Object.entries(iconMap).forEach(([id, cls]) => { const input = document.getElementById(id); if (input && !input.previousElementSibling?.classList.contains('input-icon')) { const i = document.createElement('i'); i.className = `fa ${cls} input-icon`; if(id === 'id_country') { input.classList.add('custom-select'); input.style.paddingLeft = '50px'; } input.parentNode.insertBefore(i, input); } }); // Video Background (Lazy loaded) addLazyVideo(); } // 2. High Performance Tilt & Scroll (Only on Home) if (isHomePage) { const cards = document.querySelectorAll('.single-icon-box, .card'); // Throttled Tilt Effect (GPU Accelerated) let ticking = false; cards.forEach(card => { card.addEventListener('mousemove', e => { if (!ticking) { window.requestAnimationFrame(() => { const rect = card.getBoundingClientRect(); const x = (e.clientX - rect.left - rect.width/2) / 20; const y = (e.clientY - rect.top - rect.height/2) / 20; card.style.transform = `perspective(1000px) rotateX(${-y}deg) rotateY(${x}deg) scale(1.02)`; ticking = false; }); ticking = true; } }); card.addEventListener('mouseleave', () => { card.style.transform = 'perspective(1000px) rotateX(0deg) rotateY(0deg) scale(1)'; }); }); // Intersection Observer for Animations const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = 1; entry.target.style.transform = 'translateY(0)'; observer.unobserve(entry.target); } }); }, { threshold: 0.1 }); cards.forEach(c => { c.style.opacity = 0; c.style.transform = 'translateY(30px)'; c.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(c); }); } // 3. Teacher Slider (Splide) if (document.querySelector('#block08design1-slider') && typeof Splide !== 'undefined') { new Splide('#block08design1-slider', { type: 'loop', autoplay: true, perPage: 4, breakpoints: { 992: { perPage: 2 }, 768: { perPage: 1 } } }).mount(); } } // 4. Optimized Click Effects (Reduced DOM churn) document.addEventListener("click", (e) => { const ripple = document.createElement("div"); ripple.className = "click-ripple"; ripple.style.left = `${e.clientX}px`; ripple.style.top = `${e.clientY}px`; document.body.appendChild(ripple); setTimeout(() => ripple.remove(), 600); }); function addLazyVideo() { const video = document.createElement("video"); video.id = "login-background-video"; video.autoplay = video.loop = video.muted = video.playsInline = true; const source = document.createElement("source"); source.src = "https://cdn.pixabay.com/video/2022/09/20/131990-751915304_large.mp4"; source.type = "video/mp4"; video.appendChild(source); document.body.prepend(video); }

Powered by Moodle