Immersive Image Linking
Option 1: Child Pop-Up Window
- Find the location of your virtual tour: To link this button
to your virtual tour, you must first determine the location of your
IPIX® Virtual Tour on your server. This
link should look something like this:
http://www.tourlinkhere.com/images/ipix/yourtour.html
- Insert the following JavaScript code: First, cut and paste
the following JavaScript code in its entirety between the head tags
(between <HEAD> and </HEAD>) in your HTML page:
<SCRIPT LANGUAGE="JavaScript">
<!-- hide this script from non-javascript-enabled browsers
function Pop(theURL, w, h){
ver = parseInt(navigator.appVersion.substring(0,1));
newWin=window.open(theURL,"pop_ipix","width="+w+",height="+h+",menubar=no,toolbar=no,status=no,resizable=no,scrollbars=no,");
if ((!((navigator.appName == "Netscape")&&(ver==2))) &&
(!((navigator.appName == "Microsoft Internet Explorer")&&(ver < 4)))){
setTimeout("if (newWin) newWin.focus();",1000);
}
}
// --End Hiding Here -->
</SCRIPT>
- Insert the link and the button into your page: cut and paste the
following code where you want the IPIX button/link placed. If you
are having trouble with the placement of the button, put your own
placeholder image where you want it, then replace the code for that
image with the code in blue below. Replace the line: http://www.tourlinkhere.com
with your actual virtual tour location.
<a href="javascript:Pop('http://www.tourlinkhere.com',
475, 380);"> <img src="ipix_vt.gif" width=105 height=50 border=0
alt=""></a>
- Setting the parameters: You will need to set the width and height that you want the pop-up window to be based on your content. In the example above, the width is set to 475 and the height to 380. Also, as a default, all the window options in the script that you inserted between the head tags are set to "no". You can experiment with the look of your pop-up by changing any or all of these to "yes". (eg. menubar=yes) As a note, if you change these, you will probably have to change your width and/or height accordingly.
|
