HTML_for_Word_Press.txt

#This is code that you can put on a WordPress or similar website to make use of copy.php to automatically serve updated AmCrest images.  Remember that you need to configure your AmCrest IP camera to automatically upload JPEG files to your FTP server. 

#############THIS IS FOR COPY.PHP IF YOU ARE USING THAT VERSION###############
<div class="imgbox">
<a id="jump"></a>
<a href="YOUR_WEB_SITE/IMAGE_FILE_NAME.jpg?34" target="_blank"><center><img class="center-fit" src="YOUR_WEB_SITE/IMAGE_FILE_NAME.jpg?123" alt="Nearly Live View - Click here to see full-size image."></center></a>
</div>

<p>Welcome to <YOUR SITE>.  The page will automatically refresh every minute.  If you are seeing an old image, try refreshing the page manually to see the latest image.

<meta http-equiv="Refresh" content="60;url=YOUR_WEB_SITE/#jump">

<iframe src="YOUR_WEB_SITE/copy.php" height="1" width="1"></iframe>


#Be sure to include this CSS wherever you usually put your CSS.

	.imgbox {
		display: grid;
		height: 80%;
	}
	.center-fit {
		max-width: 80%;
		max-height: 80vh;
		margin: auto;
	}

############THIS IS FOR FIND.PHP IF YOU ARE USING THAT VERSION #################

<a id="jump"><a>
<div style="position: relative; width: 100%; height: 0; padding-bottom: 70%;">
<iframe src="YOUR_WEB_SITE/find.php" frameborder="0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe></div>
<meta http-equiv="Refresh" content="60;url=YOUR_WEB_SITE/#jump">