How to share Image Comparison presentation with iframe?

Backlight 4, 5 & 6 Support
#1

Hi all, just a question,

how to share an Kkburra Image Comparison presentation with an iframe so that it can show up on another website???

Thanks in advance,
best regards,
Oliver

#2

Haven’t tried it. I imagine you’d have to create a blank page template, drop the comparison into a page using that template, then pull that entire page into your iframe.

#3

Thank you Matt for your quick reply.
That’s what I did and it works.

But I wonder if it’s possible to work somehow with the code which is generated by Kkburra e.g.
<div data-albums="21629" data-presentation="img-comparison-slider" data-images="21629_18544,21629_18333" data-direction="horizontal" data-position="50" data-label1="unmöbliert" data-label2="raumidee"></div>
to embed an Image Comparison on another website.
Before your great solution for backlight I used the possibility with JuxtaposeJs which was linking to two images to create a Juxtapose.

Best regards,
Oliver

#4

The JavaScript needs to be in the page.

You could try including the underlying JS library in your other site. But then you’d have to write your own code, and would not be able to use the essay markup.

1 Like
#5

Thank you Matt,
I think that’s too complicated for me :face_with_diagonal_mouth:

#6

That’s why I try to make it easy with Backlight. :wink:

1 Like