I need an answer for a single image and Fancybox 2:
Key F toggles between Image Fullscreen and sized modes. Works great!
I would like that Fancybox opens the image in fullscreen mode automatically (and not in sized mode)
and that pressing the Key F toggles to sized mode.
Found the solution myself...:
in jquery.fancybox.js: change fitToView : false,
image will open in original size and not resized...
Related
Toolbar view in application currently
I need to make the image in the toolbar bigger so that one can see the text.
Code so far:
[Code](https://i.stack.imgur.com/tZASn.png)
So, how would I go about resizing the image so that the text in it is clearly visible. Right now the image is too small in the toolbar. Thank you
fillMode is your issue here, if you comment that out it will not resize to fit in the (small) height of the toolbar
Searched the web all over to find the way to change the image preview box dimensions in CKeditor, with no luck.
Although https://docs.ckeditor.com/ckeditor4/docs/#!/guide/dev_howtos_dialog_windows-section-6 teaches how to change the dialog dimensions, it doesn't provide information on how to set the image preview box width and height, which remain fixed on changing the dimensions of its parent window.
Dimensions of the preview box could be changed in skin's CSS, located – in the case of moono and moono-lisa skins – in skins/<name of skin>/dialog.css. The selector connected with it is .cke_dialog .ImagePreviewBox.
Alright, I will provide specifically what I need. I am using Windows 7. I need this done on a .PNG extension file. Rightclick any png file and click Properties. Under the 'Details' tab it shows the images' dimensions, the width and height in pixels.
I have tried every editor but photoshop which I do not have to create an image with a height of 23552. I use pixlr editor until I can get photoshop located at https://pixlr.com/editor/. Inside the editor I can have an image loaded which I am editing. Using that web application I can resize the image by going to 'Image' tab and pressing 'Canvas size...'. It restricts the height to 4000, but I need it 23552. The reason I need it that high is because when you animate a minecraft texture in a Resource Pack, it detects stacked images by height in the same png, not sure exactly but I know how to animate them with minecraft, I just need a way to get a 23552 pixel height on a png image. Thanks for any help I can get.
Use Microsoft Paint. In Paint, open your image and click "resize" on the Home tab. Enter your desired height and save the photo.
Source: http://windows.microsoft.com/en-ca/windows7/resize-a-picture-using-paint
I created an extension for Firefox and made a simple icon for it.
But when I tested it in the Addon manager the icon appeared blurry despite my source image was fine.
I started to experiment with different sizes and shapes of the icon.
Figured out that the icon container is 48x48 pixels and the default addon icon is 32x32.
But for any experiments the result was the same.
So I created a simple rectangle icon drawing it by pixels so it shouldn't blur anyway:
But the result blurred again:
There is some sub-pixels around the rectangle though the border should be crisp...
In pixels view:
Also I found the default extension icon (a puzzle piece) and in pixels it looks perfect but in the manager the borders are blurred a little though it's not obvious at first glance.
Are you sure this is not happening when you save the image? I don't know what app you are using, but many photo apps try to compress jpm images when you save them by default. Check this first.
Usually this does not happen with png images, so you could try using a png image instead as well.
It was silly enough... The broblem was the page scale not 100% on the Addons page. Pressed Ctrl+0 and all restored.
It happens sometimes on other web pages when I zoom in/out the view and images lose their sharpness.
My graphic artist gave me a .PNG file, then the same file as a .GIF. When I save it, the transparent background pixels actually get set to white pixels. At one time I thought VS could do transparent colors with this little pink/salmon retro-tv looking icon in the color palette, but it's not showing up any more.
Anybody have any ideas?
Open the file gif/png with the Visual Studio Editor
In the properties window select a format that supports the alpha channel i.e. 32bpp BGRA
Using the eraser tool now will set those pixels to transparent.
In Visual Studio 2015 image editor, I found an easy way to do this with the eraser tool.
First fill the background which you want to make transparent with an adequately unique color(not really necessary I think, after some trials.. It's up to you to try) that is not in the picture.
Then select the tool used to 'select an area of similar color'.
Then click on the background you filled with new color. Only the area you need to make transparent will be selected.
Now use the eraser tool with as much size(erase width in properties) as you want to easily erase the opaque background. The eraser won't erase the picture you need.
Then click outside the picture to clear the selection and you get the picture with the transparent background! This method just takes seconds to finish, as compared to using just the eraser tool. Just sometimes, you may need to touch up the picture, as some minor part of required image may be cleared.
NOTE: You must set the format to '32bpp BGRA' to do this.
EDIT: I found that you don't even need an eraser tool. After step 3, press delete, and the background is gone!
In the VS 2013 image editor, the following works for me:
Select View-Toolbars-Image Editor so that you can see the toolbar
Select the eraser from the toolbar. Set the erase width in the property window to 1
Now clicking ("erasing") a pixel will set it to transparent
The VS eraser tool was working but taking way too long for my image. This tool automatically made my white background transparent when I uploaded the png version.
https://www.bonanza.com/background_burner
Drag and Drop image on page (then the page does some processing to
the image)
Click green download button on bottom right and select .png
(transparent background)
Pros:
Free
Super fast
Online tool so nothing to download
Con:
Image needs to be at least 100 x 100px
I'm just using it for an intranet web app so I didn't need to put much time in or make it great quality.
In the VS2019 image editor you can also use the "M" key on the keyboard to select an area of an image based on color, and then use the delete key.
If you have access to Microsoft Visio you can Import/Create the graphic object that you want to have some transparent pixels, make some or no changes to it and then Save As Type .png file.
After you hit Save As a PNG Output Options pop-up appears.
It gives you a Tick box to select the Transparency color (ie color you want to make transparent).