Google Answers Logo
View Question
Q: Web page features ( No Answer,   1 Comment )
Subject: Web page features
Category: Computers > Internet
Asked by: summer95-ga
List Price: $10.00
Posted: 28 Oct 2006 11:12 PDT
Expires: 27 Nov 2006 10:12 PST
Question ID: 777813
I have a web page with various pictures and text. The web page is
hosted on a server running Linux, Apache and PHP 4.4.4. Generally, the
pictures and text are in a table with the picture in one ?box? and the
text describing the picture in the adjacent ?box?.  Here?s an example:

<table width=100% cellspacing=55>
<FONT face="EnviroD" color=FFFFFF size=5>
Some text describing the picture to the right.
<IMG align=left SRC="Pic_01.jpg"  width=320 height=213 alt="">

<IMG align=left SRC="Pic_02.jpg"  width=320 height=213 alt="">
<FONT face="EnviroD" color=FFFFFF size=5>
Some text describing the picture to the left.


Some of the pictures have been made ?clickable? to view a larger image
by using the following:

<a href="Pic_01Large.html"><img src="Pic_01.jpg" width=320 height=213 alt="" /></a>

I want to add some features so that when a visitor clicks on a small
version of the picture in the table, the picture will automatically
resize itself to fit the visitor?s screen. (It may or may not make a
difference, but I?m assuming the visitor has maximized the web
browser.) I would also like to add a zoom/pan feature. I need the
specific code for this, not just general ideas.

I have previously asked this question in alt.php and received the following reply.

I was able to use the java script to get the users screen size, but I
was stuck after that.

Please advise if I need to adjust the price.
There is no answer at this time.

Subject: Re: Web page features
From: adixm-ga on 03 Nov 2006 19:41 PST
Here are two demo files.
<!-----------------------No.1 start,as source page--------------------------->
<script language="JavaScript">
function MachakFull(Ie,other){
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf(".")-1,navigator.appVersion.length));
if (target >= 4){
if (navigator.appName=="Netscape"){
if (navigator.appName=="Microsoft Internet Explorer"),"MachakFull","fullscreen=yes");
<body onload="MachakFull('fullScreen.html','');"><p>loading...</p></body>
<!---------------------No.1 page end--------------------------------->
<!---------------------No.2 page start, as target page--------------->
<script type="text/javascript">
function resizePic(pic){
		pic.width= screen.width;
		pic.Height= screen.Height;
<P align=center><IMG

onload=javascript:resizePic(this) onclick="window.close();"border=0></P>
<!--------------------No.2 page end---------------------------->

there are two function,resizePic and MachakFull.MachakFull make the
new window to fullScreen,and resizePic make the pic to fullScreen.

Hope that can help you.
If you choose my comment, please let me know, thx.

Important Disclaimer: Answers and comments provided on Google Answers are general information, and are not intended to substitute for informed professional medical, psychiatric, psychological, tax, legal, investment, accounting, or other professional advice. Google does not endorse, and expressly disclaims liability for any product, manufacturer, distributor, service or service provider mentioned or any opinion expressed in answers or comments. Please read carefully the Google Answers Terms of Service.

If you feel that you have found inappropriate content, please let us know by emailing us at with the question ID listed above. Thank you.
Search Google Answers for
Google Answers  

Google Home - Answers FAQ - Terms of Service - Privacy Policy