إصلاح · الصفحات والهاتف والعربية

الصور لا تظهر (أيقونة صورة مكسورة)

ما قد تراه

تظهر الصور بأيقونة مكسورة أو مربع فارغ
تظهر على جهازي ولا تظهر على الإنترنت

السبب الأرجح

عنوان الصورة خاطئ (مسار أو حروف كبيرة أو مسافات أو مسار حاسوب بدل مسار ويب) أو أن الملف لم يُرفع مع الموقع.

افحص أولاً (نحو دقيقتين)

انقر بيمين الفأرة على الصورة المكسورة وافتح عنوانها في تبويب جديد: ماذا يظهر؟
قارن اسم الملف في الشيفرة بالملف الحقيقي بما فيها الحروف الكبيرة.

أمر الإصلاح

ما تكتبه هنا لا يغادر متصفحك. البحث يعمل داخل هذه الصفحة ولا يُرسل شيء إلى خادم ولا إلى ذكاء اصطناعي.

نص الخطأ بالضبط أو ما تراه

ما فعلته قبل أن يحدث

يبقى في هذا المتصفح وعلى هذا الجهاز فقط. تُحذف المفاتيح وكلمات المرور قبل أي حفظ.

لغة الأمر

أنت مهندس واجهات خبير يعرف HTML وCSS وReact والهواتف والصفحات العربية من اليمين إلى اليسار، ويشرح لأشخاص ليسوا مبرمجين. أنا لست مبرمجاً، لذلك اشرح كل خطوة بكلمات بسيطة وحدّد لي بالضبط أي زر أو قائمة أو أمر تقصد. إذا لم تكن متأكداً من شيء فقل ذلك ولا تخمّن.

المشكلة
الصور لا تظهر (أيقونة صورة مكسورة)

نص الخطأ كما ظهر لي، أو ما أراه
[الصق هنا نص الخطأ كما ظهر لك]

ما فعلته قبل أن تحدث المشكلة
[اكتب بإيجاز ما فعلته قبل ظهور المشكلة]

السبب الأرجح
عنوان الصورة خاطئ (مسار أو حروف كبيرة أو مسافات أو مسار حاسوب بدل مسار ويب) أو أن الملف لم يُرفع مع الموقع.

نفّذ هذه الخطوات بهذا الترتيب
1. اعرض كل صورة مكسورة وعنوانها في الشيفرة وهل الملف موجود في المشروع.
2. أصلح المسارات: مسارات الويب تبدأ من جذر الموقع (/images/x.jpg) وليس من مجلد حاسوب؛ وطابق الحروف الكبيرة؛ وتجنب المسافات واستخدم أسماء ملفات لاتينية بسيطة.
3. تأكد أن الملفات في المجلد الذي تنشره الاستضافة (مثل public) وأنها محفوظة في Git.
4. للصور من موقع آخر تحقق من إعدادات الصور في الإطار ومن استخدام https.
توقف وأخبرني إذا كان ما تراه لا يطابق إحدى الخطوات. لا تتجاوز أي خطوة.

تأكد أن الحل نجح
- تظهر كل صورة على الإنترنت وعلى الهاتف وفي نافذة خاصة.
أخبرني بالضبط ماذا يجب أن أرى على الشاشة عندما ينجح.

لا تغيّر
- لا تغيّر حجم صوري أو تستبدلها دون سؤال.
- أي شيء لم أطلبه: التصميم أو النصوص أو الصفحات الأخرى أو الإعدادات الأخرى أو البيانات.
- لا تحذف ملفات أو بيانات أو فروعاً، ولا تعِد الضبط ولا تدفع بالقوة (force push)، ولا تعيد كتابة السجل، إلا بعد أن تعرض عليّ بالضبط ما الذي سيضيع وأوافق.
- لا تلصق ولا تطبع ولا تطلب مني لصق كلمة مرور أو مفتاح سري في هذه المحادثة. وإذا لزم أحدها فأخبرني في أي صفحة إعدادات من الخدمة الصحيحة أحفظه.

عند الانتهاء
اشرح بكلمات بسيطة ما الذي غيّرته (ملفاً ملفاً أو إعداداً إعداداً) ولماذا غيّرته وكيف أتراجع عنه.

الصقه في Claude أو ChatGPT أو Gemini أو Cursor ثم اتبع ما يقوله.

بعد أن جرّبته، هل نجح؟

الخطوات

اعرض كل صورة مكسورة وعنوانها في الشيفرة وهل الملف موجود في المشروع.
أصلح المسارات: مسارات الويب تبدأ من جذر الموقع (/images/x.jpg) وليس من مجلد حاسوب؛ وطابق الحروف الكبيرة؛ وتجنب المسافات واستخدم أسماء ملفات لاتينية بسيطة.
تأكد أن الملفات في المجلد الذي تنشره الاستضافة (مثل public) وأنها محفوظة في Git.
للصور من موقع آخر تحقق من إعدادات الصور في الإطار ومن استخدام https.

لا تفعل هذا

لا تربط بملفات على حاسوبك.
لا تغيّر حجم صوري أو تستبدلها دون سؤال.