Thankyou so much!! I spent almost all day trying to load local images using require from the src folder and couldnt find anything useful on stack overflow, your solution was the simplest and easiest , cant state how much I appreaciate this video, Thanks again and again!!
Thank you for this video tutorial!! I appreciate the fact that you use 'what if' scenerios in your tutorial. Many so-called js 'teachers' dont do that.
You know this content is very resourceful, showing 7 different ways to include images in react - helped me overcome the hurdle of including images in ReactJs. Thanks, much appreciated.
Great explanation. I always see different methods of using images in react js that confuse. This video shows every method in detail. Thank you for that. Which method is best or preferable?
Hi, tks for your great tutorial. But, how can I add a gradient effect color over the image in CSS? I've try too many way forms, but nothing happens... Ex.: ..CSS: background-image: linear-gradient (yellow, red, url('../img/image.jpg));
Try rgba values for colors. You need alpha value as well. Color should not be of 100% depth. Color should use alpha value or some opacity. Then Image below color gradient will be visible. Also you need direction for gradient. background-image: linear-gradient(to right bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8), url('../img/image.jpg')); 0,0,0 is rgb value for color and 0.5 an 0.8 is alpha value / opacity. And thanks for visiting webstylepress.
@@reynice2068 anything which is outside the src folder isn't recognised by react ,,,,,,I just moved the image folder inside my src ...there are also other methods for it,,,,don't know abt the update ....hope u have found a solution
To watch more related videos, please LIKE, SHARE & SUBSCRIBE! WebStylePress needs your support.
After trying with so much videos, only your (first way) worked for me. Bless u man
Thankyou so much!! I spent almost all day trying to load local images using require from the src folder and couldnt find anything useful on stack overflow, your solution was the simplest and easiest , cant state how much I appreaciate this video, Thanks again and again!!
Thank you for this video tutorial!! I appreciate the fact that you use 'what if' scenerios in your tutorial. Many so-called js 'teachers' dont do that.
You know this content is very resourceful, showing 7 different ways to include images in react - helped me overcome the hurdle of including images in ReactJs.
Thanks, much appreciated.
thank you i had error with require and method from here saved me
many many thanks bro . i has this type problem (10min) i solve this problem. love from bangladesh
Thank you, I had been trying to figure out the JSON method for a few days now
You helped me solve the exact problem I was facing. Thank you!
thank you man it was very helpful for me
Thank you sir this helped a lot
Great explanation. I always see different methods of using images in react js that confuse. This video shows every method in detail. Thank you for that. Which method is best or preferable?
Best is the one you are comfortable with or if ur team lead directs u to follow certain pattern, u can follow that.
Ignore my previous comment I have solved my issue. Thanks so much for the video! I have subscribed.
you're a hero man!
Thank you, this was helpfull
Thank you very much. Simple explanation.
Thank you sir 🙏
thank you dev..
thanks for the detailed video
Amazing thank you! you solved my problem!
Best video on react images thanks alot.
Love this tutorial. Subscribe done
Thank you for the video!
Many Many Thanks😍😍😍
great broo
Thank ypu so much for help us
thank bro,
thank you so much brooo
tnq
Thank you, man!!!
thanks... it's really helpful
It's very useful, thanks
thanks alot for this video
Thank you!!! wow!
Plz give the video a like and subscribe to channel. It will help the channel.
Great
Very cool
but when make source image in setState then i put it in src doesn't working why ?
nice video subscribed
Wonderful 🙏🙏
Hi, tks for your great tutorial.
But, how can I add a gradient effect color over the image in CSS? I've try too many way forms, but nothing happens...
Ex.:
..CSS:
background-image: linear-gradient (yellow, red, url('../img/image.jpg));
Try rgba values for colors. You need alpha value as well. Color should not be of 100% depth. Color should use alpha value or some opacity. Then Image below color gradient will be visible. Also you need direction for gradient.
background-image: linear-gradient(to right bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8), url('../img/image.jpg'));
0,0,0 is rgb value for color and 0.5 an 0.8 is alpha value / opacity.
And thanks for visiting webstylepress.
Am using the last method in which my images are in public folder and js file src folder .But still am getting the error module not found
I am having the same thing. Were you able to solve this?
@@reynice2068 Are you getting this error during development or after the build?
@@reynice2068 anything which is outside the src folder isn't recognised by react ,,,,,,I just moved the image folder inside my src ...there are also other methods for it,,,,don't know abt the update ....hope u have found a solution
@@faisalrasheed6781 Hey im still not able to solve it even after moving my images folder inside src
thank youuuuuu
Plz give the video a like and subscribe to channel. It will help the channel.
the public one is not working for me at 5:30
what about .find ?
Looking for someone to explain how to customize images in React
Friend, I don't know what happens but in mine neither one of the methods worked, the images just don't load
Watch tutorial carefully. See console for errors or warnings.