www.webdeveloper.com
Results 1 to 4 of 4

Thread: How to get pop-up images to display fullsize in MSIE

  1. #1
    Join Date
    Jun 2007
    Posts
    2

    How to get pop-up images to display fullsize in MSIE

    I have a number of really huge images on my shopping cart (color and style options) that MSIE, unfortunately, scrunches down into an unreadably small graphic when I link to it. (I know you can click on the graphic to see it full size again, but most of my visitors don't).

    I thought I'd get MSIE to display these images full size by creating an inline javascript popup link like this:

    Code:
    See all our <a href="/skin1/images/labels/widget.jpg" onclick="window.open(this.href, 'child', 'scrollbars,width=620,height=1244'); return false">Widget Label Colors</a>
    But unfortunately MSIE ignores the page size parameters and still displays the image in unreadably small form.

    Is it necessary to create junk html pages just to hold these images so I can get them to display at normal size, or is there some more elegant way to do it?

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Works as expected in IE. The window size will, of course, be limited to the users screen size.

  3. #3
    Join Date
    Jun 2007
    Posts
    2
    I don't really understand the response.

    Windows don't display at screen size when they're html pages; they show scrollbars for the overflow. Images unfortunately don't.My question is how to get MSIE to display a large image at full size, with scrollbars if necessary.

  4. #4
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Open in a valid document:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <title>large image</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    
    <script type="text/javascript">
    function popup(image) {
    var doc='<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">'+
    '\n<html lang="en">'+
    '\n<head>'+
    '\n<title>image<\/title>'+
    '\n<meta http-equiv="Content-Type" content="text/html; charset=utf-8">'+
    '\n<\/head>'+
    '\n<body>'+
    '\n<img alt="description" src="'+image+'">'+
    '\n<\/body>'+
    '\n<\/html>';
    
    var win=window.open('', 'child', 'scrollbars,width=620,height=1244');
    win.document.write(doc);
    win.document.close();
    return false;
    }
    </script>
    
    </head>
    <body>
    See all our <a href="/skin1/images/labels/widget.jpg" onclick="return popup(this.href);">Widget Label Colors</a>
    </body>
    </html>
    The window width/height will still be limited to users screen size.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles