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