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
Related
I need a lib for react that takes an image (ex. 500w by 1000h following the baviour of object-fit: cover) and crops it to 256w by 144h
automaticly and serves it back to use at base64 format. English isn't my native language but I tried my best looking for this and only found libs that allow users to manually crop the image – I need an automatic procedure.
I've tried many libraries and the one that works best for me is smartcrop
It is very customizable (the most customizable I found).
You don't need NextJS to use it, you can use a simple node script.
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'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.
Are there any open source angularjs image unloader plug-ins that supports preview and sorting? If not, what approach would be the easiest to implement one?
I used php gd library for this purpose before. In my case, I used php to do image thumbnail and sorting. The job angular need to do is call APIs for upload image, list image with datetime/name/size sort etc.
Hope this helps you a bit.
I used this lib, https://cdnjs.cloudflare.com/ajax/libs/angular-ui-sortable/0.15.0/sortable.min.js with standard file upload, with some effort, it worked.
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.