Search |
Topics |
| Home |
| How To |
| About |
 Subscribe in a reader
|
Other IzziDs |
| IzziDassorted |
| IzziDtravel |
| IzziDwetlab |
| IzziD |
| Site Map -- Disclaimer |
How to include an image and an imagemap in an external website
Article created: Jan 5, 2008 Article by: Jeremiah Faith Its becoming increasingly popular for large web companies (mainly Google) to allow users to embed external web-applets into any html page. The most prominent example is the embedding of videos (e.g. from youtube) on blogs and even news websites. Another popular example is the embedding of a Google Map. For example, below I generated a custom map using Google's My Maps. View Larger Map To embed this interactive map onto your own website, Google provides a small amount of HTML to paste into your own site's HTML code. Simple ways to allow others to embed your site's contentThe most common way for others to embed your content in their own website is by including an image. For example the image of myself playing trumpet below is actually hosted at my personal website (www.jeremiahfaith.com). To include the image on this page, I simply refer to the image location at www.jeremiahfaith.com in the src field of the <img> in the html code. <img width=300 height=225 src="http://www.jeremiahfaith.com/images/meTrumpet.jpg">This trick has been used by web designers for years and is often an annoyance to website designers, because it provides an easy way for others to steal/borrow your content and bandwidth. However, if you want others to be able to include your content in their own website – and your content is images – you have this easy solution. If your content is dynamically generated, you need only provide potential users with instructions on how to generate the appropriate url. For example, I have a biological database from which I dynamically create various image plots (from microarray gene expression data), and I provide some simple documentation to explain the url construction, allowing other web developers produce and infinite variety of these plots on their own websites (below are a couple of examples). Next Page Skip to page: 1 | 2 |