Image Sizing

T

Ted Grove

Is it possible my webpage to understand the screen size/resolution of the computer veiwing my webpage so my images can be viewed at the maximum size of the veiwing computer? How do I do this?

Example: I create my web page in 1440 X 900 but one veiwing machine is 1024 x 760 so the images fit 1024 on that machine. Another viewing machine is 1280 X 720 and the images fit the 1280 width of that screen as well.

EggHeadCafe - Software Developer Portal of Choice
Active State VisualXSLT for .NET
http://www.eggheadcafe.com/tutorial...e-12a17abee0d3/active-state-visualxslt-f.aspx
 
T

Ted Grove

The answer has been relayed to me as "No."



Ted Grove wrote:

Image Sizing
19-Nov-09

Is it possible my webpage to understand the screen size/resolution of the computer veiwing my webpage so my images can be viewed at the maximum size of the veiwing computer? How do I do this?

Example: I create my web page in 1440 X 900 but one veiwing machine is 1024 x 760 so the images fit 1024 on that machine. Another viewing machine is 1280 X 720 and the images fit the 1280 width of that screen as well.

Previous Posts In This Thread:

EggHeadCafe - Software Developer Portal of Choice
C# .NET Yahoo Stock Download and Charting
http://www.eggheadcafe.com/tutorial...bc1-95f88500d86b/c-net-yahoo-stock-downl.aspx
 
R

rob^_^

Hi ted,

Here is a template for a resizeable image page that resizes the image to the
full browser window. Bing search box added for your enjoyment.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<meta name="Search.WLSearchBox" content="1.1" />
<title>Ares 1X Launch Homepage from IECustomizer.com</title>
<style type="text/css">
html,body {
height:100%;
width:100%;
}
</style>

</head>
<body scroll="no" style="overflow:hidden; background-color:#000000;
padding:0px 0px;margin:0px 0px"
onload="document.getElementById('WLSearchBoxInput').focus();">
<!-- Bing -->
<div id="WLSearchBoxDiv" style="position:absolute; right:5px; z-index:99">
<table cellpadding="0" cellspacing="0" style="width:300px; height:32px;"><tr
id="WLSearchBoxPlaceholder"><td style="width:100%; border:solid 1px #cccccc;
border-right-style:none; padding-left:10px; padding-right:10px;
vertical-align:middle;">
<input id="WLSearchBoxInput" accesskey="e" type="text"
value="Loading..."
style="background-image:url(http://www.bing.com/siteowner/s/siteowner/searchbox_background_k.png);
background-position:right; background-repeat:no-repeat; font-family:Arial;
font-size:14px; color:#000000; width:100%; border:none 0 transparent;"
onfocus="this.select();"/></td>
<td style="border:solid 1px #cccccc; border-left-style:none;
padding-left:0px; padding-right:3px;"><input id="WLSearchBoxButton"
type="image"
src="http://www.bing.com/siteowner/s/siteowner/searchbutton_normal_k.gif"
style="border:none 0 transparent; height:24px; width:24px;
vertical-align:top;"/></td></tr></table>
<script type="text/javascript" charset="utf-8">
var slocale = navigator.browserLanguage;
var WLSearchBoxConfiguration=
{
"global":{
"serverDNS":"www.bing.com",
"market":slocale
},
"appearance":{
"autoHideTopControl":true,
"width":800,
"height":600,
"theme":"Red"
},
"scopes":[
{
"type":"web",
"caption":"Web",
"searchParam":""
}
]
}
</script>
<script type="text/javascript" charset="utf-8"
src="http://www.bing.com/bootstrap.js?ma...=SearchBoxWeb&Callback=WLSearchBoxScriptReady"></script>
</div>
<!-- Bing -->
<div id="bg_image" style="position:absolute; top:0px; left:0px; height:100%;
width:100%">
<img alt="" id="imgPhoto" style="WIDTH: 100%; HEIGHT: 100%"
src="Ares1XLaunch.jpg"/>
</div>
</body>
</html>


see also http://www.iecustomizer.com/homepages (give us a few days... got
some work to do yet).

Regards.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top