Panel image preview

In the panel there is a file list. I don’t know how the images looks like. To do that I need to click on “Files” or on a file. Maybe I’m currently editing the content and don’t want to leave screen.

Image preview

I think it could be useful to have an image preview when hover a file. If it’s not an image, do nothing.

When it comes to loading time, we don’t want to load all the images just in case one will hover a file. To prevent loading of all the images, set the hover image as background. It will only load when it is not display none. Another way is by loading it on demand with javascript. I would use CSS, because it’s possible.

Sorry about the blurred out filenames. I know the hover image in the example is quite ugly but it might show the point. You can see the butterfly without clickling it.

1 Like