In order to embed an iFrame or recent image, you will need access to the HTML code of your website.
Depending on what system you use, you may be able to:
It is into this HTML view or dialog box that you will be able to drop the embed code as provided by us. If you're unsure, please tell us what system you use (i.e. Wix, Wordpress, Squarespace or other) and we can look up how best to insert the iFrame or image.
If your company has a webmaster looking after your site then just pass the codes along to them. They or you can always contact us at email@example.com with any questions.
You will need to contact MK support to create an account for the iframe autologin.
Please email firstname.lastname@example.org and provide us with the domain of your website (ours is www.mktimelapse.com or www.zeitraffer.org, for example) within which you want to embed this iframe, and the camera(s) you wish to include.
If you can access and edit the HTML code of your website, then you can copy and paste the code below in the preferred location, edited to your specifications:
The URL (after src=", coloured red) within this iframe code looks complicated. However, if you log in to MK siteview with your new iFrame login details, you can copy the URL from the address bar to paste in here.
If you choose to display an iFrame at the project level (so you can see a map and multiple cameras to choose from), then the last two numbers (
/instance-number/instance-ID) are not required, BUT be sure to leave /iframeautologin at the end of the URL.
The width and height (coloured green, units: pixels) can be changed. This is open to experimentation, you're welcome to change this as much as you like while testing the look of the iFrame on your website.
To work well in a website to be seen on a computer (not mobile), the iFrame will need to be at least 1024 pixels wide.
For those who wish to experiment or customise further, feel free to style the iFrame in CSS instead - either as part of your website's existing stylesheet, or inline as below.
<iframe style="width:1024px; height:720px; border:0px" src="https://mksiteview.mktimelapse.com/user-name/project-slug/instance-number/instance-ID/iframeautologin"></iframe>
You then have more freedom to make the iFrame dimensions responsive by using % instead of px, for example - but as you might see below as you resize your window, the mode (desktop or mobile) in which you see MK siteview changes, based on the width (the example below is scaled down to 80% of actual width):
Just as we are able to change the appearance of MK siteview for different users, we can also change the appearance of your embedded iFrame. For example, if you just want the most recent image, but zoomable and scrollable, we can turn all but those controls off.
Please feel free to contact us with your requirements and we'll work with you to get the look you want for your site.
If you would prefer to just link to MK siteview, but still retain the autologin feature (so that website viewers need not know or have to input a username and password) you can also do this by applying to us as above for autologin from the website domain where you will put the link, and just use the URL with /iframeautologin at the end as a normal hyperlink:
<a href="https://mksiteview.mktimelapse.com/user-name/project-slug/instance-number/instance-ID/iframeautologin">Like this one, click me!</a>
Instead of the full zoomable MK siteview archive, you may want to just have the latest static image appear on a page. We can provide you with an URL of just the newest image from a chosen camera.
<img src="https://mksiteview.mktimelapse.com/extil/special_image-specific_string" />
You can ask for a delay of up to 24 hours on this image.
Resolutions of this image can be chosen from 100 pixels wide up to full resolution (which might be 7296 pixels across or even larger).