Enalps - Tikee

Embedding content from camera’s feed

Last image

EMBEDDING USING THE PROVIDED CODE
from: HTML fragment for last image: (POINTS OF VIEW SECTION)

When embedded the image is displayed with wrong sizes and a scrollbar is displayed on the side.

<iframe src=”https://my.tikee.io/time_lapses/100832/last_img/9b3cc0e5-dd46-4044-90dc-034ce5b08fc0″ style=”width: 100%; height: 100%; border: none;” />

Container style is set as usual to adapt to content size but is not working. 

 

code is:
<iframe src=”https://my.tikee.io/time_lapses/100832/last_img/9b3cc0e5-dd46-4044-90dc-034ce5b08fc0″ style=”width: 100%; height: 100%; border: none;” /> </iframe> 

(Closing brackets to be added otherwise the rest of the pages desappear)

EMBEDDING APPLYING THE CORRECTION

In this way a full size correct image is displayed but the code shouldn’t need a specific size.

I have other embedded codes where the size is not specified but the content is displayed correctly and resized based on its container.

Had also to add the closing brackets </iframe> otherwise all the rest of the page would havve been messed up.

Embedded code:

<iframe src=”https://my.tikee.io/time_lapses/100832/last_img/9b3cc0e5-dd46-4044-90dc-034ce5b08fc0″
width=”1200″ height=”1200″ allow=”fullscreen”></iframe>

Before & After

EMBEDDING USING THE PROVIDED CODE

from: HHTML fragment for photo gallery:  (PORTFOLIO  SECTION)

Mobile version is not working correctly, quite hard to display the two boxes.

Before/After and Side by Side controls are not worikng
Please try 😉

 

 

 

<div style=” position: relative; overflow: hidden; width: 100%; padding-top: calc(36% + 50px); ” >

<iframe style=”width:100%; border: none; height:100%; background-color:#ffffff; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;” src=”https://my.tikee.io/iframe/9e94550d-b93e-4de5-bd24-3852f5235caa/gallery/b6f74cf3-8ac4-40f8-bd05-238a349143be?lang=en&image_size=hd&default_tab=side_by_side&allowed_viewer_types=compare,side_by_side&font_color=e74011&primary_color=3c3c3b&secondary_color=004f91&highlight_font_color=ffffff&frameBorder=0″ allowfullscreen>

</iframe>

</div>

Photo Gallery - Cam 1

EMBEDDING USING THE PROVIDED CODE

from: HTML fragment for photo gallery:  (POINT OF VIEWS  SECTION)

Doesn’t FILL / adapt to the container.

Before/After option shows partial images (square) and note full view of the camera feed.

ALSO:
Using this option “Gallery” is it possible to HIDE some of the controls that are displayed?

For example Is it possible to AVOID the following links:

– PANORAMIC
– IMMERSIVE
– VIDEO

<iframe src=”https://my.tikee.io/time_lapses/100832/photo_gallery/9b3cc0e5-dd46-4044-90dc-034ce5b08fc0?lang=en” allowfullscreen style=”width: 900px; height: 620px; border: none;”></iframe>