How to display images in a row with IPython display?

Question

If I execute the following command:

for file in files:
    display(Image(filename=os.path.join(folder,file)))

I get a list of images in a column:

How to put them in a row (horizontally)?

Answer 1

This worked for me:

from matplotlib.pyplot import figure, imshow, axis
from matplotlib.image import imread

def showImagesHorizontally(list_of_files):
    fig = figure()
    number_of_files = len(list_of_files)
    for i in range(number_of_files):
        a=fig.add_subplot(1,number_of_files,i+1)
        image = imread(list_of_files[i])
        imshow(image,cmap='Greys_r')
        axis('off')

Answer 2

You can also use HTML:

from IPython.display import display, HTML
def make_html(folder, image):
     return '<img src="{}" style="display:inline;margin:1px"/>'
            .format(os.path.join(folder, image))

display(HTML(''.join(make_html(f, x)) for x in files))

In my case, by setting a margin will fix the un-alignment (and IMHO produce nicer results).