اذهب إلى المحتوى
  • 0

لماذا لا تظهر الصور

محمود_سعداوي

السؤال

السلام عليكم.

أواجه مشكل في عدم ظهور الصور على صفحة الويب.

الصورة التالية توضح كيفية تموضع الملفات

Capture.JPG.46b8277039b6a4b7471f8d23d1230ef8.JPG

قمت بوضع الصور في ملف projects.js

export const projects = [
    {
        id: 0,
        title: "Animated Navigation",
        description: 'animated navbar without any library using react hooks',
        image: '../../assets/project-images/animated-navigation.jpg',
        demo: 'https://react-animated-navigation.netlify.app',
    },
    {
        id: 1,
        title: "Netflix Navigation",
        description: 'animated navbar without any library using react hooks',
        image: '../../assets/project-images/netflix-navigation.JPG',
        demo: 'https://react-netflix-navigation.netlify.app',
    },
    {
        id: 2,
        title: "Netflix Navigation",
        description: 'rotating animated navbar using only react hooks without any library',
        image: '../../assets/project-images/rotating-animation.JPG',
        demo: 'https://react-js-rotating-navigation.netlify.app',
    },
    {
        id: 3,
        title: "Music Player",
        description: 'rotating animated navbar using only react hooks without any library',
        image: '../../assets/project-images/music-player.JPG',
        demo: 'https://audio-player-with-react.netlify.app',
    },
    {
        id: 4,
        title: "Music Player",
        description: 'animated search input using only react hooks without any library',
        image: '../../assets/project-images/hidden-search-widget.JPG',
        demo: 'https://animated-search-react.netlify.app',
    },
    {
        id: 5,
        title: "Music Player",
        description: 'basic project to understand array methods like filter sort and reduce using react js',
        image: '../../assets/project-images/array-methods.JPG',
        demo: 'https://react-array-methods.netlify.app/',
    },
]

ملاحظة: عندما أضع الماوس على image تظهر الصورة.

قمت بالتثبت من مسميات الصور و لم أجد أي خلل.

الرجاء المساعدة.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لا يمكنك الوصول إلى الصور بهذه الطريقة،

لحل المشكلة أنت بحاجة لوضعها في ملف الـ public مثل :

2.thumb.png.c5e4f9c1a0bd92dc1f92f48d65ead69f.png

أو ان تقوم باستيرادهم بشكل فردي، كل واحدة على حدى.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 7 دقائق مضت قال عمر قره محمد:

هل يمكنك مشاركة ملفات المشروع حتى اقوم بالاطلاع على سبب المشكلة واختبار الكود.

تفضلsrc.zip

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...