I Work with opencart 2.1.0.1. When I upload image see all image have a space/background and not resize image to new size.
Original image:
After Upload and resize to 185x185 :
I need to resize width/height to new size IE:185*185. How do can I resize image Like this?
You can resize your image to 185*185 in a tool like paint, and then upload it.
or in opencart set dimensions to 185*134, to prevent opencart adding spaces, then use css: width: 100%; for img
Related
This is my current dashboard, for the images i use the extra plugin, image grid.
But I now see image grid does not support tooltip function.
Does anyone know how to make image grids like this without image grid, or adding tooltip to image grid? (this is just 1 column of image urls)
Thanks in advance!!
I am using the last version of Jquery Croppie v2.6.2. Its possible to define Jquery croppie when resizable function is available, to keep the aspect-ratio... the relation between Width/Height? something like this 2:1 .e.g if I resize my image with 500x250 this it's good! but I dont want to change with the square and generate an image 400x250... but also 400x200? or 100x50? Keeping the scale 2:1 when I resize the image using the "square"?
Now I can make this:
Is it possible to keep relation Width/Height when I resize? In other words avoid the "square" can resize the image free without keepping relation between Width/Height... Do you know is it possible by Croppie configuration? Or how Can I update the Jquery Croppie Library to allow this functionality?
set your viewport to a 2:1 ratio ie
viewport: {
width: 200,
height: 100
}
turn off the resizer... that is the little squares on the right and bottom that allow you to change the width and height separately thus changing the aspect ratio. Croppie will still allow you to zoom in on the image.
enableResize: false,
In my sublayout I'm trying to render image
HTML:
<sc:Image runat="server" ID="fldImage" Height="75px" Width="98px" />
CS code has following line to fill the image,
sitecoreImage.Field = SitecoreUtility.SITECORE_FIELD_LIST_IMAGE;
sitecoreImage.Item = sitecoreItem;
Image is getting Rendered with the black border on top and bottom.
while debug I see the Image URL like
/~/media/Images/image-thumb.jpg?as=1&h=75&la=en&w=98&hash=920D0F90FR9BE29A9DC4131BAF1C5CD6BEA96F3B
When try to request just the image with the following URL
http://domain/~/media/Images/image-thumb.jpg?as=1&h=75&la=en&w=98&hash=920D0F90FR9BE29A9DC4131BAF1C5CD6BEA96F3B
I see the image with the border.
But when I strip that hash=920D0F90FR9BE29A9DC4131BAF1C5CD6BEA96F3B from the url
http://domain/~/media/Images/image-thumb.jpg?as=1&h=75&la=en&w=98
I see the image is rendered without the black lines.
Why we are seeing the image with the black border in top and bottom?
Appreciate your help.
Your are requesting the image with a width and height which is probably not the original causing Sitecore to adjust the image to your request. As it will preserve the aspect ratio, it is possible that a background color is added to do so. The default background color used is black, that is why you are seeing this. You can change the color with the Media.DefaultImageBackgroundColor setting.
Once you remove the hash, Sitecore will no longer make the adjustments as the url has been tampered with. I assume that the width and height of your image is also different then (the actual size, not what you see on screen).
I set an image in timelineitem.
Now I want to resize the image and set alignment of the image.
How can I do it?
If you put an tag in the html property of a timeline card, you can set the style attribute on it to size/format it with normal CSS
I don't want to resize the entire image structure, but the images I am working with are too large to easily view with cvShowImage. Is there a way to resize their view within the window created by cvShowImage?
No there isn't, you will have to create a new image structure and use cvResize.