Re: a thumbnail pop-up showing the full size picture

From: Jon Spivey (js_at_roksteady.net)
Date: 03/21/04


Date: Sun, 21 Mar 2004 14:19:11 -0000

It shouldn't do - assuming you have some ASP to find the width/height of the
image and a javascript function that accepts image/window name/width/height
you could do something like

<a href="javascript:;"
onclick="openWindow('pic.jpg','win',<%=GetWidth("pic.jpg")%>,<%=GetHeight("p
ic.jpg")%>);return false;">

Jon

Thomas A. Rowe wrote:
> Jon,
>
> If you are using ASP, etc. to get the image size to then resize the
> window, then you loose the ability to re-use the window, right?
>
>
> "Jon Spivey" <js@roksteady.net> wrote in message
> news:e0%23CVntDEHA.1140@TK2MSFTNGP10.phx.gbl...
>> Only on IE - srcElement would be handy if it had cross browser
>> support. For example
>> <script>
>> function getWidth(){
>> alert('the image you clicked is ' + event.srcElement.width + '
>> pixels wide') }
>> </script>
>> <img src="pic.gif" onclick="getWidth();">
>>
>> Would be very nice - but it's IE only. As it happens I'm working on
>> a site now that needs to display different sized images in pop up
>> windows. After some testing I've found the only robust way to get
>> image dimensions is via server side script - I'm using asp.net but
>> it's also easy to do in "Classic" ASP and I assume it would be in
>> PHP or one of those other wierd languages :-)
>>
>> Jon
>>
>>
>> Steve Easton wrote:
>>> Jon, won't this " if modified " snag the image dimensions and write
>>> them to the variables w and h
>>> which could be passed to the new window??
>>> I realize it won't do it as it's written here.
>>>
>>> This is from the Zoom Out part of the old IE Web Accessories.
>>>
>>> Zoom in uses a multiplier, zoom out uses a divisor
>>>
>>> <SCRIPT LANGUAGE="JavaScript" defer>
>>> var parentwin = external.menuArguments;
>>> var doc = parentwin.document;
>>> var w;
>>> var h;
>>> if ( parentwin.event.srcElement.tagName == "IMG" )
>>> {
>>> h = parentwin.event.srcElement.height / 2;
>>> w = parentwin.event.srcElement.width / 2;
>>> parentwin.event.srcElement.height = h;
>>> parentwin.event.srcElement.width = w;
>>> }
>>> </SCRIPT>
>>>
>>>
>>> "Jon Spivey" <js@roksteady.net> wrote in message
>>> news:erkJ7vsDEHA.240@tk2msftngp13.phx.gbl...
>>>> You could do the same thing with javascript - pass in the image
>>>> Picture.htm?Picture1.jpg
>>>> and then on Picture.htm
>>>> <script type="text/javascript">
>>>> var p=location.href.split("?")[1];
>>>> if(p)document.write('<img src="' + p + '">');
>>>> </script>
>>>>
>>>> The one thing you couldn't do with javascript is size the window to
>>>> fit varying size pictures - there's no way to get an image
>>>> dimensions with javascript. If you're using ASP though you could
>>>> grab the image dimensions and send them to the pop-up - this way
>>>> you could have different size images and make the popup window fit
>>>> each image exactly.
>>>>
>>>> Jon
>>>> Microsoft MVP - FP
>>>>
>>>>
>>>> Thomas A. Rowe wrote:
>>>>> If you can run ASP on your site, then the following might help:
>>>>>
>>>>> http://www.ycoln-resources.com/resources/scripts/default.asp#script9
>>>>>
>>>>>
>>>>> "Claude" <claudel.hinds@verizon.net> wrote in message
>>>>> news:O_27c.3846$Ec6.1875@nwrddc02.gnilink.net...
>>>>>> Hi: I have literally hundreds of thumbnails with a new project,
>>>>>> but it is looking rather intimidating. I'd like to resolve just a
>>>>>> few small problems at the beginning . . .
>>>>>>
>>>>>> Following FP thumbnail directions, clicking on a thumbnail brings
>>>>>> up a full sized page with the full size picture of that
>>>>>> particular thumbnail.
>>>>>>
>>>>>> It looks like FP must create this pop-up page on the fly when a
>>>>>> thumbnail is clicked since there is not any new page in the
>>>>>> folder view to be seen.
>>>>>>
>>>>>> Now to my problem: I do want a new window to pop-up when I click
>>>>>> on a thumbnail, but I want to add information to that same page
>>>>>> in two pretty simple ways.
>>>>>>
>>>>>> First, I'd like to create a link on that page that says: _Close_
>>>>>>
>>>>>> Second, I'd like to size that full size page down so that it
>>>>>> always opens at say: 300x400px. rather than opening as a full
>>>>>> page that covers that original page of thumbnails.
>>>>>>
>>>>>> Is it possible to add information to and change the size of this
>>>>>> created on the fly pop-up page?
>>>>>>
>>>>>> If not, do you know of a easy way to create the kind page I'm
>>>>>> looking for - without coding for hours and hours.....
>>>>>>
>>>>>> Many thanks,
>>>>>> Gloria



Relevant Pages

  • Re: a thumbnail pop-up showing the full size picture
    ... If you are using ASP, etc. to get the image size to then resize the window, then you loose the ... >> var parentwin = external.menuArguments; ... Following FP thumbnail directions, ...
    (microsoft.public.frontpage.client)
  • Re: Website locks up when viewing certificate in IIS 5.
    ... Regards, ... >> you have this View Certificate window open? ... >> this site, and try to pull up any .asp page, regardless ...
    (microsoft.public.inetserver.iis.security)
  • Re: ASP vbscript to run a program. Program does not terminate
    ... but if the program creates a window (console or GUI) ... > I would search www.aspfaq.com to see if that expert site has more ... >> I have an ASP web page that uses vbscript to start a program. ...
    (microsoft.public.scripting.vbscript)
  • Re: Definitive Book for VB Scripting
    ... Thanks for the suggestion, Jon. ... an entry level VB script book might get me back on track. ... ASP is hanging on because it's so ...
    (microsoft.public.frontpage.programming)
  • Re: Website locks up when viewing certificate in IIS 5.
    ... you might want report to MS about this. ... > You mean to tell me all your .asp pages pop right up while ... > you have this View Certificate window open? ... > I just installed a whole new web site with a certificate I ...
    (microsoft.public.inetserver.iis.security)