I'm working on a React website code with gatsby and Visual studio code however I don't understand why none of my images are displayed when I view my site on localhost:8000 a question mark in a square is displayed. Can anyone explain this? I'm a beginner at the moment so I can't find anything...
I wonder if it's because I added my image file from my Finder without changing anything in the code but I don't know how to do it
So if anyone would be kind enough to help me that would be great! Thanks
Sorry for my poor French English 😅
[gatsby][1] [index][2] [button][3]
[1]: https://i.stack.imgur.com/GvXgQ.jpg
[2]: https://i.stack.imgur.com/kohQJ.png
[3]: https://i.stack.imgur.com/r5XeA.png
If you use images from external sources make sure to include the complete image URL inside of the source of the image.
If you use the HTML <img> tag to create a simple image you can see how to do it here. The problem with the HTML image is this isn't very efficient and costs performance.
Because you are using Gatsby you can use various image plugins that are more optimized compared to the img tag. You can use this plugin if you want.
Without seeing your code I can't really help you, but I hope this answer helped you find a solution.
Related
i have a website where i had a pdf preview as a react component, the pdf should be in real dimension, all works smooth until I start working on making the website responsive, I didn't know wt to do exactly with the pdf preview, I have an idea to scale the whole component up and down like we do with an SVG but idk if that's possible to do
I think you better use a library to preview the PDF.Since you want to make it responsive without affecting the preview.You may make use of libraries like react-pdf. This library may generate PDF files from a URL, a local file within the project, or a base64 encoded version.
And i found this article useful.
Hope this may help you!
And as you have mentioned you have some troubles installing react-pdf it's not very compatible with webpack5that is mostly due to Buffer dependency.
Refer to thsi :react-pdf issues
Without knowing the exact error, it's so difficult to help, so be more specific when you are asking questions.
I have been studying all I can on how to integrate an HTML template into Drupal but I have not had great success. The simple theme I am experimenting with is in this link:
http://pixelhint.com/minima-free-html5-minimalist-website/
When it comes to plugging the template into Drupal, I can get as far as writing the .info file. But I do not understand what to do from there.
I realize that this could be a lot to ask, but if it's possible for someone to just give me some clear pointers as to what modifications I should make after creating the .info file, I would be very grateful!
P.S. If this is too much to ask, please tell me, and I will try to make even more specific requests.
Thank you, guys!
This contains whole..
Templating
More..
I am trying to use lightbox to display my video and instead of the video showing I am just getting a loading icon that never stops. I can put an image in place of the video and it works fine. Here is my code:
<img src="images/video_icon.png" height="240px" width="240px" id="middle_circle" class="circle">
As I said, using an image in the href instead of a video works fine so the CSS and JS is linked properly. Also, the video itself loads fine without the lightbox so it's not the video's fault either.
I wasn't able to find any examples for video so I am not sure if there is something different I need to do and was unable to find the solution elsewhere, including on here.
Currently Lightbox2 doesn't support videos by default at all, and it seems the maintainer doesn't plan on adding video support either. You can always edit Lightbox2 to allow video support provided you have the Javascript/JQuery experience.
If you're using Drupal CMS, they have a custom version of Lightbox2 that supports video content. https://www.drupal.org/node/252276
Your best bet is probably finding another Lightbox that can support your needs.
As answered above it don't supported playing Video.
But you can use some like - http://dimsemenov.com/plugins/magnific-popup/ - very nice & customizable ligtbox.
I am trying to spin up a web application but Im having a really small problem and Im not sure how to handle it. I have did it before a long time ago but forgot (CLUTZ). When I try to access my application I see the login screen but it looks cached. I see a white page and I can see the links. The layout doesn't load for some reason. Like I said, this is a very small issue that I know someone can assist me with. If you give an answer please explain so that I can learn from it. Thanks a mil!
It sounds like what you're describing is CSS not loading. Doublecheck your <link href="…" rel="stylesheet"/> tags to ensure that they're pointing to the correct files.
i want to resize intro images as for thumbnail size while uploading in joomla 3
can anyone suggest me any idea or suitable plugin.? I have used smartresizer but it not works.
May be this answer is late but surely someone else might benefit from it, i have used this plugin and it works out of the box, it has parameters to set the sizes for introimage or full image
In my joomla websites I always use a dropzone module that upload and resize images on the fly... useful to create intro and full article images in one shot (and works with multiple photos).
Here the link http://mapkcode.com/mk-extensions/mk-dropzone