Solved

image in html

Posted on 2000-04-26
6
136 Views
Last Modified: 2010-05-18
Hi
i want to make an html file with image in it that will be opened to the full size of the broweser
how should i do that????
something like
<img src="..." ????>
0
Comment
Question by:ntdragon
  • 3
  • 3
6 Comments
 
LVL 33

Expert Comment

by:knightEknight
ID: 2752488
Do you mean you want the image to be the size of the screen?

<HTML>
<BODY>
<SCRIPT language='javascript'>
  var w=screen.width-10;
  var h=screen.height-15;
  top.moveTo(1,1);
  top.resizeTo(w,h);
  document.writeln("<IMG src='myimage.gif' width='"+w+"' height='"+h+"'>");
</script>
</body>
</html>
0
 
LVL 33

Accepted Solution

by:
knightEknight earned 5 total points
ID: 2752506
or even better is this:

<HTML>
<BODY>
<SCRIPT language='javascript'>
  var w=screen.width-5;
  var h=screen.height-5;
  top.moveTo(1,1);
  top.resizeTo(w,h);
</script>
<IMG src='myimage.gif' width='100%' height='100%'>
</body>
</html>
0
 
LVL 8

Expert Comment

by:jbirk
ID: 2752525
Just tell it to take up 100% of width and height:
<img src="agif.gif" width="100%" height="100%" border=0>

If you are wanting to change more than just one image, it may be more complicated.  Post you current html, and I can try to come up with a plan for stretching it.
-josh
0
Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

 
LVL 8

Expert Comment

by:jbirk
ID: 2752526
jbirk changed the proposed answer to a comment
0
 
LVL 8

Expert Comment

by:jbirk
ID: 2752533
Kek beat me to it again!  :)
0
 
LVL 33

Expert Comment

by:knightEknight
ID: 2752788
just barely!  :)
I don't know why I didn't think of that the first time.  I guess I was just focusing on getting the window size to match the screen size.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

829 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question