Can I force IE to open img at actual size?

billysalisbury · #1 Oct 25th, 2007, 13:19

Hi Guys,

I've built a site (www.sash-restoration.co.uk) that contains a lot of thumbnail images that open high res images in a new window when clicked. In Firefox, the image opens "fitted to screen" and then the cursor changes to a magnifying glass when the user moves over it, so it's fairly obvious that they can enlarge it further. However, in IE, for the user to realise that the image could be enlarged further, they have to hover the mouse over the image for over a second until the "expand to actual size" icon appears. I'm not convinced that the majority of users will know how to do this, and it's not very obvious. So:

is there a way to force IE (and firefox) to open the images at their actual resolution instead of fitting them in the window?

thanks!

Billy.

karinne · #2 Oct 25th, 2007, 13:21

Hmmm ... I don't think there is ... not with HTML that's for sure. Maybe someone has a JS solution for this.

ETech UK · #3 Oct 25th, 2007, 14:20

there is another way you could do it! Open each image in Photoshop or similar and change the size of each image to a standard width - probably 800 would do. If you then click "Save For Web" it will save a web quality copy that still looks high quality - unless you need these images at a really high res, its better to save webspace and make them smaller...
If you save these as the same name as your images previously and upload them and overwrite what you currently have online then you won't need to relink the thumbnails to them.

Hope this helps!

karinne · #4 Oct 25th, 2007, 14:33

Wow ... that could be tedious if he as 50+ images.

Personally ... I wouldn't worry about the whole zoom thing. People "should" know their browser.

billysalisbury · #5 Oct 25th, 2007, 14:59

Hi guys!

thanks for the responses! Actually I do really want the images to open at a higher resolution than the browser window. I want ppl to be able to scroll around the image, looking at high levels of detail. If ppl actually know how to use the "expand" features in their browser, then all is well, but if they don't, then all they see is a browser size image... The only other solution I can think of is to make something in Flash that lets ppl magnify images, but that looooooaaaaaads of work! I could of course put instructions on how to use browsers, but it's a bit distracting and ugly and I know my client won't like it!

Anyone know a JS solution?

cheers,

Billy

karinne · #6 Oct 25th, 2007, 15:08

I'll move this in the JS forum for you ...

Lucleonhart · #7 Oct 25th, 2007, 15:13

How about opening the images in a second website, so you can handle the images as you want. That would be a PHP solution (wrong forum again.. ^^)

Just replace the <a href='theimagetoview.jpg'>Open Image</a> with an <a href='image.php?image=theimagetoview'>Open Image</a>. The image.php would look like this:

HTML: Select all

<html>
<head>
<title>Fullsize Preview</title>
</head>
<body>
<img src="<?php echo($_GET['image']); ?>">
</body>
</html>

(needs some validation though.. ^^)

karinne · #8 Oct 25th, 2007, 15:17

Ah ... yes ... I totally forgot that if you actually create a page and set the original high res image in an actual <img> tag then the browser won't resize it.

Yes ... a PHP solution would work here

EDIT: So billy... if you are ok with a PHP solution I will move your thread back to HTML and then move it again to PHP ... :rofl:

billysalisbury · #9 Oct 25th, 2007, 16:22

LOL! Cheers guys! Now I just have to be able to find this thread again when I come back tomorrow to try the code....

billysalisbury · #10 Oct 26th, 2007, 10:16

Hi again!

I've created the image.php page, and I can get that to open fine, but where I need to replace the 'image to view' part in the link, I'm not sure how to specify the path to the image. The path I've been using is:

"../images/development/section_detail_highres.gif"

but this doesn't seem to work in php land. how do i translate this path into php freindly code?

cheers!

Rakuli · #11 Oct 26th, 2007, 10:27

If you are writing the links to the page with php you can use

echo 'www.yoursite.com/imagep.php?image=', rawurlencode('images/development/section_detail_highres.gif');

Otherwise you can write the images with the url values encoded.

eg http ://www.yoursite.com/image.php?image=images%2Fdevelopment%2Fsection_det ail_highres.gif

PHP will make the image availble in the $_GET superglobal.

$_GET['image']

billysalisbury · #12 Oct 26th, 2007, 16:16

cheers

will give it a go...

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Using an actual variable in function params?	Jack Franklin	PHP Forum	1	Mar 11th, 2008 18:06
Dump actual header	alexgeek	PHP Forum	6	Jan 23rd, 2008 14:54
Open Thource - For Open Source Thoughts	Rakuli	Free Web Site Critique	44	Oct 9th, 2007 09:51
try to open php and asks if i want to open or save file	steven rowlands	PHP Forum	6	Feb 20th, 2007 21:42
Displaying the actual URL on page	shockbeton	Web Page Design	9	Jun 22nd, 2006 18:35

		Webforumz.com > Main Forums > Program Your Website > PHP Forum
Can I force IE to open img at actual size?