Wix Live Image Tutorial Steps
- In Wix App Market search for iFrame. Add the HTML iFrame/Embed by Wix.
- Timelapse
- Find the path for the current image for the webcam of choice
- Go to that URL in a web browser to make sure the path is correct.
- Copy the following code into notepade
<script language="javascript" type="text/javascript" >
<!--
function ChangeMedia(){
var d = new Date();
var t = d.getTime();
document.getElementById('camara').src = "http://wingsvirtualtours.com/webcams/ACCOUNT_NAME/streaming/current.jpg?"+t;
}
var reloadcam = setInterval("ChangeMedia()",1000);
-->
</script><a href="http://wingsvirtualtours.com/webcams/ACCOUNT_NAME/streaming/current.jpg">
<img src="http://wingsvirtualtours.com/webcams/ACCOUNT_NAME/streaming/current.jpg" alt="Loading..." name="camara" border="0" id="camara" width="100%" /> </a>
- Make sure the blue lines show the correct path
- Adjust the width to a percentage and set the height to the desired height.
- Drag the corners of the box to make sure the box is the correct height.
- Test
- Save
- Create a second iFrame for mobile devices (optional)