a thumbnail pop-up showing the full size picture

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

FrontPage actually doesn't create the window the image shows in, it's a
function of the browser. You can see the same thing by clicking Start Run
and entering about:blank and clicking OK.

To do what you want try the free Spawn available from Jimco Addins.
www.jimcoaddins.com

Not sure if it will let you add a Close button though.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

"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
>
>
>
>
>
>
>

If you can run ASP on your site, then the following might help:

http://www.ycoln-resources.com/reso...ult.asp#script9

--
==============================================
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

"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
>
>
>
>
>
>
>

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/reso...ult.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

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>

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

"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/reso...ult.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
>
>

Never mind, I just realized the flaw in my thinking.
The image has to be written to a page *before* the size can be determined,
so that method only works on a previously displayed image.

Back to the drawing board.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

"Steve Easton" <admin@95isalive.com> wrote in message
news:Oevl5QtDEHA.1848@TK2MSFTNGP10.phx.gbl...
> 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>
>
> --
> Steve Easton
> Microsoft MVP FrontPage
> 95isalive
> This site is best viewed............
> .......................with a computer
>
> "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/reso...ult.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
> >
> >
>
>

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/reso...ult.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

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/reso...ult.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
>
>

you might want to try
http://www.draac.com
He has lessons in HTML and he has one for creating a popup window that you can resize... just paste the code into your site

Nice link.
However, we're working an opening a window based on the size of the image
the window will contain, which may not always be the same size.
There's a variable to deal with.

--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer

"Mary Ann" <anonymous@discussions.microsoft.com> wrote in message
news:A3C8EA6B-A221-4119-8909-047F9C5F399A@microsoft.com...
> you might want to try:
> http://www.draac.com/
> He has lessons in HTML and he has one for creating a popup window that you
can resize... just paste the code into your site.
>