Hi Niki,
The external loader is set to open the image to show it at its original size or scaled to fit the external loader keeping its aspect ratio.
This is why the close button is anchored top right of the skin canvas as depending on the width of the image the close button can shif position as it stays top right of the external loader.
Examples:
- landscape.png (111.88 KiB) Viewed 2767 times
- portrate.png (75.87 KiB) Viewed 2767 times
In the above the external loaders background is enabled so you can see it, but just think what it would look like if it was not. The close button would appear to be jumping around.
You can set the external loader not to scale automaticity and keep the image in the external loader.
Then you can move the close button to the top right of the external loader.
Of course this means the image will no longer scale automatically.
But you can set up a scaling logic block to do this with screen width.
Change the external loaders position and size to pixels.
As an example anchor the external loader centre of the skin editor and make its size 460 x 310px then using the Edit menu centre the loader in the skin canvas.
Set the external loader like so:
- externalsettings.png (63.45 KiB) Viewed 2767 times
This will show all your images in the 460 x 310px loader window keeping the aspect ratio of the image.
Under the external loaders scaling logic block set up so player width <= 320, scale to 0.8/0.8.
You can add different settings or if you start with the external loader larger add more so it stays in the screen width for say tablet and phone.
Regards,
Hopki