→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
JavaScript Carousel Slider Creation
البرومبت
Act as a senior front-end developer with 8+ years of experience building interactive web components. Create a detailed step-by-step guide for implementing a responsive carousel slider using vanilla JavaScript. Include [AUTO-PLAY functionality with pause on hover], [TOUCH GESTURE support for mobile devices], and [LAZY LOADING for images]. Explain how to handle [INFINITE LOOPING] without duplicating DOM elements, implement [ACCESSIBILITY FEATURES] like ARIA labels, and add [CUSTOM TRANSITION EFFECTS] between slides. Provide code snippets for each feature and explain the performance considerations when dealing with [LARGE IMAGE COLLECTIONS]. The solution should work across all modern browsers and be easily customizable for different [DESIGN SYSTEMS].

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.