[IPython-dev] [Notebook 1.0.0] Display two png images side by side

[Francesco Montesano]

Dear Zoltan,

Thanks for the trick.
I'm writing a function that takes a list of figures (and headers) and
builds a table like you suggest.
In the function I do

    import base64
    pngs = []
    for fn in images:  # loop over the input file names
        with open(fn, "rb") as f:
            pngs.append('data:image/png;base64,' +
base64.b64encode(f.read()))

But I get the following error: on the last line:
TypeError: Can't convert 'bytes' object to str implicitly

Is there a way to disable table lines in HTML?

for reference: I'm using python3.3

Cheers,

Fra



2013/9/2 Zoltán Vörös <zvoros at gmail.com>

>  Hi Francesco,
>
> It might be a hack, but this works:
>
> with open("roche1.png", "rb") as image_file:
>     im1 = 'data:image/png;base64,' + base64.b64encode(image_file.read())
>
> with open("roche2.png", "rb") as image_file:
>     im2 = 'data:image/png;base64,' + base64.b64encode(image_file.read())
>
> s = """<table>
> <tr>
> <th><img src="%s"/></th>
> <th><img src="%s"/></th>
> </tr></table>"""%(im1, im2)
> t=HTML(s)
> display(t)
>
>
> Cheers,
> Zoltán
>
>
> On 02/09/13 15:32, Francesco Montesano wrote:
>
> Dear List,
>
>  I have a script that produces some image and I'm creating a notebook for
> testing/logging.
>
>  For comparison reasons, I would like to load to images in a cell and
> show them side by side.
>
>  from IPython.display import Image
>  constr = Image(filename="fig1.png")
>  sigma = Image(filename="fig2.png")
>  display(constr, sigma)
>
>
>  put the figures one after the other. I've tried to play with the width
> keyword, but that does not help.
>
>  Making an HTML table with the output of "Image" does not work (I don't
> know if I should add "of course")
>
>  s = """<table>
> <tr>
> <th>{f1}</th>
> <th>{f2}</th>
> </tr>""".format(f1=constr, f2=sigma)
> t=HTML(s)
> display(t)
>
>  Is there any way to do what I want directly in the notebook? (I guess
> that there is some python library to do it, but I think that the notebook
> should be able to do it)
>
>  Cheers,
>
>  Fra
>
>
> _______________________________________________
> IPython-dev mailing listIPython-dev at scipy.orghttp://mail.scipy.org/mailman/listinfo/ipython-dev
>
>
>
> _______________________________________________
> IPython-dev mailing list
> IPython-dev at scipy.org
> http://mail.scipy.org/mailman/listinfo/ipython-dev
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.python.org/pipermail/ipython-dev/attachments/20130902/2a10e53d/attachment.html>