محمود سعداوي2 نشر 30 أبريل 2023 أرسل تقرير نشر 30 أبريل 2023 السلام عليكم. أواجه مشكل في عدم ظهور الصور على صفحة الويب. الصورة التالية توضح كيفية تموضع الملفات قمت بوضع الصور في ملف 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 تظهر الصورة. قمت بالتثبت من مسميات الصور و لم أجد أي خلل. الرجاء المساعدة. 2 اقتباس
0 عمر قره محمد نشر 30 أبريل 2023 أرسل تقرير نشر 30 أبريل 2023 هل يمكنك مشاركة ملفات المشروع حتى اقوم بالاطلاع على سبب المشكلة واختبار الكود. 1 اقتباس
0 محمود سعداوي2 نشر 30 أبريل 2023 الكاتب أرسل تقرير نشر 30 أبريل 2023 بتاريخ 7 دقائق مضت قال عمر قره محمد: هل يمكنك مشاركة ملفات المشروع حتى اقوم بالاطلاع على سبب المشكلة واختبار الكود. تفضلsrc.zip 1 اقتباس
0 عمر قره محمد نشر 30 أبريل 2023 أرسل تقرير نشر 30 أبريل 2023 لا يمكنك الوصول إلى الصور بهذه الطريقة، لحل المشكلة أنت بحاجة لوضعها في ملف الـ public مثل : أو ان تقوم باستيرادهم بشكل فردي، كل واحدة على حدى. 1 اقتباس
السؤال
محمود سعداوي2
السلام عليكم.
أواجه مشكل في عدم ظهور الصور على صفحة الويب.
الصورة التالية توضح كيفية تموضع الملفات
قمت بوضع الصور في ملف 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 تظهر الصورة.
قمت بالتثبت من مسميات الصور و لم أجد أي خلل.
الرجاء المساعدة.
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.