I am by no means an expert in html and would humbly ask for some assistance

I am an Administrator at my company. I am currently setting up IP cameras in conjunction with web cameras attached to PC's on the network.

Our network has IP addresses assigned in the 10.0.0.*** range.

The external IP address is directed to a single internal IP (My Primary server) Since this PC has IIS I figure I can use this server to host an interface to access our internal web cams.

I created a simple web page that points to an image on an internal IP e.g. http://10.0.0.138/cam1.jpg


CODE
</v:shapetype><v:shape id="Picture_x0020_0" o:spid="_x0000_i1025" type="#_x0000_t75"
   alt="http://10.0.0.138/cam1.jpg" style='width:396pt;height:306.75pt;visibility:visible;
   mso-wrap-style:square'>
   <v:imagedata src="http://10.0.0.138/cam1.jpg" o:title="cam1"/>
  </v:shape><![endif]--><![if !vml]><img border=0 width=528 height=409
  src="http://10.0.0.138/cam1.jpg" alt=http://10.0.0.138/cam1.jpg v:shapes="Picture_x0020_0"><![endif]></span><span
  style='font-size:9.0pt;font-family:"Verdana","sans-serif";mso-fareast-font-family:
  "Times New Roman";color:black'><o:p></o:p></span></p>



I know I can set the web cams to save the images to the server directly (causing alot of internal traffic) and then have the html look for the file on the local system but I rather link to it as above.

Is there a way to do this so when I load the web page from outside my network without redirecting my browser to the internal IP?

I hope that I have explained this well enough. If not please scold me and I will try to clarify.

Thank you for your assistance