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

From: Thomas A. Rowe (tarowe_at_mvps.org)
Date: 03/21/04


Date: Sat, 20 Mar 2004 19:27:37 -0500

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?

-- 
 ==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)
http://www.ycoln-resources.com
FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
To assist you in getting the best answers for FrontPage support see:
http://www.net-sites.com/sitebuilder/newsgroups.asp
"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: DOM event flow
    ... execute only when the window width changes. ... var width = document.body.clientWidth; ... Opera has a preliminary implementation of CSS3 media queries, this allows dissolving a multi column layout for narrower window widths. ... Though one may use methods with primitives, what goes on behind the scenes is a little complex than it may otherwise appear. ...
    (alt.html)
  • Re: Cant see PNG images !
    ... showing an application icon in the 'thumbnail' space with the ... instance of Internet Explorer and renders the .gif in the window. ... Any file .png, .gif etc can now be right clicked and rendered in Windows ... >> as I cannot determine how IE is rendering gif & jpg! ...
    (microsoft.public.windows.inetexplorer.ie6.browser)
  • Re: Enlarge Picture from thumbnail in to a new window
    ... Also another question can i insert a close window message, ... resize the picture in the window, do i have to just make the picture ... and put all the pdf photo files in it. ... On the webpage, the thumbnail ...
    (microsoft.public.publisher.webdesign)
  • parasite3.js
    ... wrote "nothing found" to IE window ... infest1: 'Your browser appears to have the "', ... var i, p, h= ''; ... install a 'by product', which as dll attaches itself to each instance of IE. ...
    (microsoft.public.scripting.wsh)
  • Re: AUDIO ON FP 2003 PAGE
    ... insert an iframe to the right or left or under those thumbnails. ... of you thumbnail would be the iframe thus when you click the thumbnail, ... which case your album opens up in a new window while the original window ... You can create a pop-up window which opens when you click the thumbnail. ...
    (microsoft.public.frontpage)