a thumbnail pop-up showing the full size picture

[Claude]

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

 

[Steve Easton]

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

 

[Thomas A. Rowe]

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

http://www.ycoln-resources.com/resources/scripts/default.asp#script9

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

 

[Jon Spivey]

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

 

[Steve Easton]

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

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

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

http://www.ycoln-resources.com/resources/scripts/default.asp#script9

 

[Steve Easton]

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

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

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

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

http://www.ycoln-resources.com/resources/scripts/default.asp#script9


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 Spivey]

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

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>

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

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

http://www.ycoln-resources.com/resources/scripts/default.asp#script9


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

 

[Thomas A. Rowe]

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)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

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

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>

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


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

 

[Guest]

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

 

[Steve Easton]

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

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.

 

[Claude]

Steve, Thomas, Jon, Mary Ann ...Thanks to each of you - my understanding of
thumbnail pop-ups is now considerably enhanced. And I don't think I'll ever
have to be popless again...It's a good thing...)

Life is good . .
Gloria

 

[Thomas A. Rowe]

You are welcome.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================

 

[Jon Spivey]

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

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?

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

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>


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


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

 

[Catherine Jo Morgan]

One thing to consider before you go too much further, tho, is that more and
more viewers have popups disabled by default. I use the google toolbar to do
this. So I can easily enable popups for a specific page when I need to. But
a viewer might not think to do this, and I'm not sure all popup disablers
are so easy to override.

 

[Claude]

Ok, so with many small products in a online giftstore, you think it would be
wiser to have a larger picture of the product open up in a regular page
rather than a small pop-up . . . ?

Thanks,
Gloria

 

[Catherine Jo Morgan]

Yes, or use a database driven shopping cart that makes the large page for
you. I think search engines usually index the regular pages better, though,
so I'm going to opt for a shopping cart that works either way - Cart32.
(Haven't installed it tho so I can't report further.) There are some other
shopping carts that can work both ways too. Mals-e is very well known.