Newbie - using GIF to close browser and open another

P

paule_marshall

Hi all

I hope somebody can help with this but I warn you now I have NO
experience of using code. Everything I have done has been using the
design end of Frontpage.

I have a website part of which contains an image gallery. When a user
clicks on a thumbnail it launches a new window with a larger version of
that image. To do this I used the BEHAVIOURS > OPEN BROWSER WINDOW
command. This way I can easily specify the size of the new window.

Rather than the user having to close the window and then open the next
image I want to include two arrows (GIFs) by which the user can go to
the next image or the previous one. When the user clicks on the GIF I
want it to close the current window and open the next/previous window
containing the larger image.

Again I can use the BEHAVIOURS > OPEN BROWSER WINDOW command to easily
open a new window but I can't figure out a way to close the current
window.

Any help would be gratefull appreciated.

Many thanks

Paul
 
P

paule_marshall

And here is the code for the above page

The GIFs I want the action to apply to are galleries_large_next.gif and
galleries_large_previous.gif.

Also forgot to add I would like the window close without confirmation.

Thanks again


--------------------------------------------------------------------------------------------------------------------------

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<title>Paul Marshall Photography</title>
<style>
<!--
..gallery_large_text { font-family: Verdana; font-size: 12px; color:
#FFFFFF; text-align: center;
text-indent: 0; word-spacing: 0; line-height: 100%;
margin: 3 0; }
-->
</style>
<script language="JavaScript">
<!--
function FP_openNewWindow(w,h,nav,loc,sts,menu,scroll,resize,name,url)
{//v1.0
var windowProperties=''; if(nav==false)
windowProperties+='toolbar=no,'; else
windowProperties+='toolbar=yes,'; if(loc==false)
windowProperties+='location=no,';
else windowProperties+='location=yes,'; if(sts==false)
windowProperties+='status=no,';
else windowProperties+='status=yes,'; if(menu==false)
windowProperties+='menubar=no,';
else windowProperties+='menubar=yes,'; if(scroll==false)
windowProperties+='scrollbars=no,';
else windowProperties+='scrollbars=yes,'; if(resize==false)
windowProperties+='resizable=no,';
else windowProperties+='resizable=yes,'; if(w!="")
windowProperties+='width='+w+',';
if(h!="") windowProperties+='height='+h; if(windowProperties!="") {
if( windowProperties.charAt(windowProperties.length-1)==',')

windowProperties=windowProperties.substring(0,windowProperties.length-1);
}
window.open(url,name,windowProperties);
}
// -->
</script>
</head>

<body bgcolor="#999999" topmargin="0" leftmargin="0" rightmargin="0"
bottommargin="0" marginwidth="0" marginheight="0">

<table border="0" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td width="40" height="40" style="border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF">&nbsp;</td>
<td width="450" height="40" style="border-bottom: 1px solid
#FFFFFF">&nbsp;</td>
<td width="40" height="40" style="border-left: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF">&nbsp;</td>
</tr>
<tr>
<td width="40" height="299" style="border-right: 1px solid
#FFFFFF">&nbsp;</td>
<td align="center" width="450" height="299">
<img border="0"
src="../../../images/galleries/galleries_british_birds/british_birds_large/black_redstart_large.jpg"
width="450" height="299"></td>
<td width="40" height="299" style="border-left: 1px solid
#FFFFFF">&nbsp;</td>
</tr>
<tr>
<td width="40" height="40" style="border-right: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF" align="center">
<img border="0"
src="../../../images/galleries/galleries_design/galleries_large_previous.gif"
width="20" height="25" onclick="FP_openNewWindow('530', '380', false,
false, false, false, false, false, '',
/*href*/'red_kite_pop_up.htm')"></td>
<td width="450" height="40" style="border-top: 1px solid #FFFFFF">
<p class="gallery_large_text">Black Redstart</td>
<td width="40" height="40" style="border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF" align="center">
<img border="0"
src="../../../images/galleries/galleries_design/galleries_large_next.gif"
width="20" height="25" onclick="FP_openNewWindow('530', '380', false,
false, false, false, false, false, '',
/*href*/'eurasian_robin_pop_up.htm')"></td>
</tr>
</table>

</body>

</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Publisher 2019 Format Picture window size too large to display OK button 0
Hyperlink to open new window within document 0
Closing PDF file from Excel VBA (Adobe Reader, Adobe Acrobat, Browser) 0
Name of file opened, being viewed 2
How to center adjust text above and image in a two column document. 1
Set as Default Template not working 0
Merging from an Excel file with graphics 1
Need some PWA help 0

Top