我做了一个网站。 http://www.innexdesign.co.uk。无论如何，如果你看一下网站，在主页http://www.innexdesign.co.uk/index.html上你会发现有些鼠标悬停在鼠标悬停在它们上方的黑色字样上。如果您单击其中任何一个，JQuery Lightbox插件会显示更多信息。这些JQuery灯箱也经常在我的“Designs”菜单和子菜单中使用。它是一个由Dreamweaver制作的HTML / CSS驱动的网站。
无论如何，我一直在努力将网站转移到Umbraco并取得了相当大的成功。我唯一的问题在于JQuery灯箱在主页上不起作用。如果我点击悬停在单词上的任何内容，则没有任何反应。
在“设计”菜单和子页面中，这些工作正常。
知道我的主页有什么问题吗？这是代码：
<%@ Master Language="C#" MasterPageFile="~/umbraco/masterpages/default.master" AutoEventWireup="true" %>
<asp:Content ContentPlaceHolderId="ContentPlaceHolderDefault" runat="server">
<asp:ContentPlaceHolder Id="MasterContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
<!--META DATA -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="keywords" content=" Innex Design, design, designers warrington, interior design warrington, cheshire, northwest, manchester, liverpool, pub designers,bar designers, architect, architects, carbon neutral, design manchester, designer in warrington, architect warrington" />
<meta name="description" content=" From a house extension or housing estate, to commercial warehouses’, leisure centres and bars, Innex Design can help develop any idea into a practical, ethical, sustainable reality." />
<meta name="robots" content="index,follow" />
<!-- #BeginEditable "doctitle" -->
<title>Innex Design</title><!--Umbraco Page Field will get inserted here to dynamically change title of page-->
<!--SCRIPTS AND STYLESHEETS -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/Scripts/script.js"></script>
<link rel="stylesheet" type="text/css" href="/Scripts/jquery.fancybox-1.3.4.css" media="screen" />
<link rel= "stylesheet" href="/css/style.css" />
<!--JAVASCRIPT -->
<script type="text/javascript" src="/Scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/Scripts/jquery.fancybox-1.3.4.pack.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!--CSS SCRIPT-->
<style type="text/css">
body {
background-repeat: repeat-x;
}
</style>
</head>
<body onload="MM_preloadImages('/media/57/architectureBLACK.png','/media/446/interior-designBLACK.png','/media/732/project-managementBLACK.png','/media/253/cost-managementBLACK.png','/media/714/PlanningBLACK.png','/media/922/SurveyingBLACK.png','/media/333/energy-assessmentsBLACK.png','/media/506/landscape-architectureBLACK.png','/Images/DESIGNANDBUILD.png')">
<!--DIV HEADER USED IN HOME, PROUILE AND CALLBACK PAGES ONLY-->
<div id="header">
<div id="headerimgs">
<div id="headerimg1" class="headerimg"></div>
<div id="headerimg2" class="headerimg"></div>
</div>
<div id="logo">
<a href="home.aspx" target="_self"><img src="/media/436/innexdesign_logo.jpg" width="143" height="206" alt="Innex Design Logo" /></a>
</div>
<div id="social">
<a href="http://twitter.com/#!/InnexDesign" target="_new"><img src="/media/980/twitter.png" width="41" height="40" alt="Innex Design on Twitter" /></a>
<a href="http://www.facebook.com/innexdesignltd" target="_new"><img src="/media/351/facebook.png" width="41" height="40" alt="Innex Design on Facebook" /></a>
<a href="request-a-callback.aspx" title="Request a Callback" target="_new"><img src="/media/192/callback.png" alt="" width="77" height="40" /></a>
<a href="request-a-callback.aspx" title="Leave Your Details and Sign up to our News Letter" target="_new"><img src="/media/641/Newsletter Image.png" alt="" width="77" height="40" /></a></div>
</div>
<!--DIV CONTENT,HOMEMENU ETC ELEMENTS ONLY USED IN HOME,PROFILE AND CALLBACK PAGES-->
<div id="content">
<div id="homeleft">
<ul class="menu">
<li class="first"><a href="home.aspx">HOME</a></li>
<li><a href="profile.aspx">PROFILE</a></li>
<li><a href="designs.aspx">DESIGNS</a></li>
<li><a href="testimonials.aspx">TESTIMONIALS</a></li>
<li class="last"><a href="contact.aspx">CONTACT</a></li>
</ul>
<p style="text-align:center; font-weight:bold;">CELEBRATING<br /><span style="font-size:22px">21</span><br />YEARS<br />1991-2012</p>
</div>
<div id="homeright">
<a class="various1" href="#architecture" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Architecture','',/Images/architectureBLACK.png',1)"><img src="/Images/architecture.png" alt="Architecture" width="195" height="31" id="Architecture" style="padding:0px 20px;float:left;"/></a>
<a class="various1" href="#idesign" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('interiordesign','','/Images/interior-designBLACK.png',1)"><img src="/Images/interior-design.png" alt="Interior Design" width="195" height="31" id="interiordesign" style="padding:0px 0px 5px 20px; float:right;"/></a>
<a class="various1" href="#pmanage" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Projman','','/Images/project-managementBLACK.png',1)"><img src="/Images/project-management.png" alt="Project Managment" width="195" height="31" id="Projman" style="padding:20px 42px 5px 20px;float:left;"/></a>
<a class="various1" href="#planning" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Planning','','/Images/PlanningBLACK.png',1)"><img src="/Images/Planning.png" alt="Planning" width="195" height="31" id="Planning" style="padding:10px 12px 5px 0px;float:right;"/></a>
<a class="various1" href="#energy" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Energy Assessment','','/Images/energy-assessmentsBLACK.png',1)"><img src="/Images/energy-assessments.png" alt="Energy Assessments" width="195" height="31" id="EnergyAssessment" style="padding:0px 42px 0px 20px;float:right;"/></a>
<a class="various1" href="#surveying" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Surveying','','/Images/SurveyingBLACK.png',1)"><img src="/Images/Surveying.png" alt="Surveying" width="195" height="31" id="Surveying" style="padding:10px;float:left;" /></a>
<a class="various1" href="#cost" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('CostManagement','','/Images/cost-managementBLACK.png',1)"><img src="/Images/cost-management.png" alt="Cost Management" width="195" height="31" id="CostManagement" style="padding:0px 12px 0px 20px; float:left;"/></a>
<a class="various1" href="#land" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('landscape','','images/landscape-architectureBLACK.png',1)"><img src="images/Landscape-Architecture.png" alt="Landscape Architecture" width="195" height="31" id="landscape" style="padding:20px 0px 0px 20px; float:right;" /></a>
<div id="various1"> <a href="http://www.innexdevelopments.co.uk" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('DesignBuild','','/Images/DESIGNANDBUILDBLACK.png',1)"><img src="/Images/DESIGNANDBUILD.png" alt="Design and Build" width="195" height="31" id="DesignBuild" style="padding:10px 0 0 0px;float:left;"/></a>
</div>
<div style="display:none"><div id="architecture">
<img src="/media/52/architecture.png" width="195" height="31" alt="Architecture" />
<p style="padding:0px 0px 5px 0px; width:500px;">From a house extension or housing estate, to commercial warehouses’, leisure centres and bars, Innex Design can help develop any idea into a practical, ethical, sustainable reality.</p>
</div></div>
<div style="display:none"><div id="idesign">
<img src="/media/441/interior-design.png" width="195" height="31" alt="Interior Design" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design’s Interior and brand development designers are experts in spatial design, brand development and awareness, signage and menu design all of which is complimented with the interior design package delivered.</p>
</div></div>
<div style="display:none"><div id="pmanage">
<img src="/media/727/project-management.png" width="195" height="31" alt="Project Management" />
<p style="padding:0px 0px 5px 0px; width:500px;">Many of our architectural and interior design developments are project managed ensuring the brief and end aim is delivered on time and on budget. Only with project management can we ensure our clients that the specification and quality is to the highest standard.</p>
</div></div>
<div style="display:none"><div id="planning">
<img src="/media/709/Planning.png" width="195" height="31" alt="Planning" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design undertake all planning application submissions from residential, commercial, listed and conservation area consents, national park along with Display of Advertisement applications. We also work with planning consultants to add value for developers and lenders by assessing land and building use potential.</p>
</div></div>
<div style="display:none"><div id="surveying">
<img src="/media/917/Surveying.png" width="195" height="31" alt="Surveying" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design can provide a wide variety of surveys from measured and condition surveys of buildings, Topographical surveys, Structural surveys, Party Wall surveys, and provide assistance with Asbestos surveys, Land/Probate surveys, certification and many more.</p>
</div></div>
<div style="display:none"><div id="energy">
<img src="/media/328/energy-assessments.png" width="195" height="31" alt="Energy Assessments" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design can assist with providing full building services design and energy consultancy, and through one of our partners BREEAM assessment, Commercial EPC, Domestic EPC, Display energy certificates, New Build SAP or SBEM reports and Sustainability statements.</p>
</div></div>
<div style="display:none"><div id="cost">
<img src="/media/248/cost-management.png" width="195" height="31" alt="Cost Management" />
<p style="padding:0px 0px 5px 0px; width:500px;">Innex Design offer all clients a comprehensive service that removes the burden of day to day costs-related issues.</p>
</div></div>
<div style="display:none"><div id="land">
<img src="/media/501/Landscape-Architecture.png" width="195" height="31" alt="Landscape Architecture" />
<p style="padding:0px 0px 5px 0px; width:500px;">We undertake all aspects of landscape architecture, from landscape master planning, conceptual design through to detailed planting schemes. We adopt a fresh approach to the design of each project where a high degree of design flair and innovation comes as standard. </p>
</div></div>
<div style="display:none"><div id="build">
<img src="/Images/DESIGNANDBUILD.png" width="195" height="31" alt="Design and Build" />
<p style="padding:0px 0px 5px 0px; width:500px;">In today’s industry and marketplace some clients prefer a one point of contact approach to projects, with this in mind we have developed a nationwide network of partnering contractors to enable clients to have the one point contact, whilst ensuring delivery of excellent quality and standards of workmanship.</p>
</div></div>
</div>
</div><!-- end content -->
</div><!-- end wrapper -->
<div id="logosother">
<div class="logos"><a href="http://www.altiusva.com/ " target="_blank"><img src="/media/47/altius-logo.jpg" width="132" height="52" alt="Altius Logo" /></a> <a href="http://www.chas.gov.uk " target="_blank"><img src="/media/208/chas-logo.jpg" width="48" height="52" alt="Chas Logo" /></a> <a href="http://www.constructionline.co.uk/static/" target="_blank"><img src="/media/238/Construction line.jpg" width="48" height="52" alt="Construction Line" longdesc="http://www.constructionline.co.uk/static/" /></a> <a href="http://www.eurosafeuk.co.uk/ " target="_blank"><img src="/media/341/Eurosafe.jpg" width="48" height="52" alt="Eurosafe" longdesc="http://www.eurosafeuk.co.uk/ " /></a> <a href="http://bii.bii.org/home" target="_blank"><img src="/media/112/BII.jpg" alt="BII" width="48" height="52" longdesc="http://bii.bii.org/home" /></a> <a href="http://committedtoequality.co.uk" target="_blank"><img src="/media/233/commitedtoequality.jpg" width="43" height="50" alt="Commited To Equality" longdesc="http://committedtoequality.co.uk" /></a></div>
<div class="carbon"><a href="/media/200/Carbon Managment Plan.pdf" target="_new"><img src="/media/203/carbon-logo.jpg" width="149" height="85" alt="Carbon Neutral Logo" /></a></div>
</div>
<div id="footer">
<p style="float:left">Copyright © 2012 - Innex Design </p>
<p style="float: left"><a href="/media/724/privacy policy.pdf" target="_new">Privacy Policy</a></p>
<p style="float: left"><a href="/media/927/Sustainability Policy.pdf" target="_new">Sustainability Policy</a></p>
<p style="float: left"><a href="/media/338/Equal Ops Policy.pdf" target="_new">Equal Opportunities Policy</a></p>
<p style="float:right">Designed by <a href="http://www.swan-solutions.com" target="_blank" title="Swan Solutions"><img src="/media/950/swan-solutions.jpg" alt="Swan Solutions" width="100" height="20" align="middle" /></a></p>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25186334-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
</asp:Content>
这是灯箱可以使用的页面：
<%@ Master Language="C#" MasterPageFile="~/umbraco/masterpages/default.master" AutoEventWireup="true" %>
<asp:Content ContentPlaceHolderID="ContentPlaceHolderDefault" runat="server">
<asp:ContentPlaceHolder Id="Master2ContentPlaceHolder" runat="server" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="imagetoolbar" content="no" />
<title>Innex Design | Services | Drinking</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src="/Scripts/jquery-1.4.3.min.js"><\/script>');
</script>
<script type="text/javascript" src="/Scripts/jquery.mousewheel-3.0.4.pack.js"></script>
<script type="text/javascript" src="/Scripts/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="/css/jquery.fancybox-1.3.4.css" media="screen" />
<link href="/css/style.css" rel="stylesheet" type="text/css" />
<link href="/css/slider.css" rel="stylesheet" type="text/css" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/css/all-ie-only.css" />
<![endif]-->
<script type="text/javascript">
$(document).ready(function() {
$(".various1").fancybox({
'titlePosition' : 'inside',
'transitionIn' : 'none',
'transitionOut' : 'none'
});
});
</script>
<script type="text/javascript" src="/Scripts/easySlider1.5.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".slider").easySlider({
auto: true,
continuous: true
});
});
</script>
</head>
<!--Wrapper,page and pageheader divs used in Contact,Designs and Testimonials only-->
<body>
<div id="wrapper">
<div id="page">
<div id="pageheader">
<div id="logo"> <a href="home.aspx" target="_self"><img src="images/innexdesign_logo.jpg" width="143" height="206" alt="Innex Design Logo" /></a>
</div>
<div id="social">
<a href="http://twitter.com/#!/InnexDesign" target="_new"><img src="images/twitter.png" width="41" height="40" alt="Innex Design on Twitter" /></a>
<a href="http://www.facebook.com/innexdesignltd" target="_new"><img src="images/facebook.png" width="41" height="40" alt="Innex Design on Facebook" /></a>
<a href="request-a-callback.aspx" title="Request a Callback" target="_new"><img src="images/callback.png" alt="" width="77" height="40" /></a>
<a href="request-a-callback.aspx" title="Leave Your Details and Sign up to our News Letter" target="_new"><img src="images/Newsletter Image.png" alt="" width="77" height="40" /></a></div>
</div>
<div id="pagecontent">
<div id="left">
<ul class="menu">
<li class="first"><a href="home.aspx">HOME</a></li>
<li><a href="profile.aspx">PROFILE</a></li>
<li><a href="designs.aspx">DESIGNS</a></li>
<li><a href="testimonials.aspx">TESTIMONIALS</a></li>
<li class="last"><a href="contact.aspx">CONTACT</a></li>
</ul>
<p style="text-align:center; font-weight:bold;">CELEBRATING<br /><span style="font-size:22px">21</span><br />YEARS<br />1991-2012</p>
</div>
<div id="right">
<h1>DESIGNS FOR DRINKING<br />
<a href="designs.aspx"><img src="images/back3.png" alt="" width="150" height="32" /></a><br />
</h1>
<div class="service_menu">
<ul>
<li><a class="various1" href="#billy">The Billy Wright, Wolverhampton</a></li>
<li><a class="various1" href="#penny">The Penny Bank, Scunthorpe</a></li>
<li><a class="various1" href="#new">The New Victorian, Bramhall</a></li>
<li><a class="various1" href="#pendle">Pendle Bar, Lancaster University</a></li>
<li><a class="various1" href="#salutation">The Salutation, Hammersmith, London</a></li>
<li><a class="various1" href="#suburban">Suburban Style Bar, Bingley</a></li>
<li><a class="various1" href="#witch">The Swinging Witch, Northwich</a></li>
<li><a class="various1" href="#stamford">The Lord Stamford, Stalybridge</a></li>
</ul>
</div>
<div style="display:none"><div id="billy">
<h2>The Billy Wright, Wolverhampton</h2>
<p style="padding:0px 0px 5px 0px; width:500px;">We transformed an in decline City Centre site into a multi-use operation for Amber Taverns, by the day the city centre operation has the feel and offer of a community local, which comes to life each night to cater for the strong student presence. The operation again changes over the weekend with the feel of a sports bar showing all local sporting events that then becomes a destination venue.</p>
<div class="slider">
<ul>
<li><img src="images/BW1.jpg" alt="The Billy Wright, Wolverhampton" width="500px" height="300px"/></li>
<li><img src="images/BW2.jpg" alt="The Billy Wright, Wolverhampton" width="500px" height="300px"/></li>
<li><img src="images/BW3.jpg" alt="The Billy Wright, Wolverhampton" width="500px" height="300px"/></li>
</ul>
</div>
</div></div>
<div style="display:none"><div id="penny">
<h2>The Penny Bank, Scunthorpe</h2>
<p style="padding:0px 0px 5px 0px; width:500px;">The Penny Bank originally opened as the Yorkshire Penny Bank in 1926, in 1988 it was converted into the Mint public house, after recent years of decline Amber Taverns purchased the building. We fully refurbished the trading areas to create a conemporary town centre venue bar</p>
<div class="slider">
<ul>
<li><img src="images/PB1.jpg" alt="The Penny Bank, Scunthorpe" width="500px" height="300px"/></li>
<li><img src="images/PB2.jpg" alt="The Penny Bank, Scunthorpe" width="500px" height="300px"/></li>
<li><img src="images/PB3.jpg" alt="The Penny Bank, Scunthorpe" width="500px" height="300px"/></li>
<li><img src="images/PB4.jpg" alt="The Penny Bank, Scunthorpe" width="500px" height="300px"/></li>
</ul>
</div>
</div></div>
<div style="display:none"><div id="new">
<h2>The New Victorian, Bramhall</h2>
<p style="padding:0px 0px 5px 0px; width:500px;">The New Victorian, Bramhall: This contemporary traditional operation, set in the centre of Bramhall Village, owned by J.W.Lees. It appeals as a traditional drinking establishment, family dining & evening destination venue.</p>
<div class="slider">
<ul>
<li><img src="images/new1.jpg" alt="The New Victorian, Bramhall" width="500px" height="300px"/></li>
<li><img src="images/new2.jpg" alt="The New Victorian, Bramhall" width="500px" height="300px"/></li>
<li><img src="images/new3.jpg" alt="The New Victorian, Bramhall" width="500px" height="300px"/></li>
<li><img src="images/new4.jpg" alt="The New Victorian, Bramhall" width="500px" height="300px"/></li>
<li><img src="images/new5.jpg" alt="The New Victorian, Bramhall" width="500px" height="300px"/></li>
</ul>
</div>
</div></div>
<div style="display:none"><div id="pendle">
<h2>Pendle Bar, Lancaster University</h2>
<p style="padding:0px 0px 5px 0px; width:500px;">Pendle Bar, Lancaster University: This on campus bar was transformed by Innex Design to become the only music, evening and late night dancing venue on the campus, it trades as a chameleon operation, being a traditional bar during the day, but in the evenings it becomes an all singing and dancing operation.</p>
<div class="slider">
<ul>
<li><img src="images/pendle1.jpg" alt="Pendle Bar, Lancaster University" width="500px" height="300px"/></li>
<li><img src="images/pendle2.jpg" alt="Pendle Bar, Lancaster University" width="500px" height="300px"/></li>
<li><img src="images/pendle3.jpg" alt="Pendle Bar, Lancaster University" width="500px" height="300px"/></li>
<li><img src="images/pendle4.jpg" alt="Pendle Bar, Lancaster University" width="500px" height="300px"/></li>
</ul>
</div>
</div></div>
<div class="slider">
<ul>
<li><a class="various1" href="#bangor"><img src="images/BW2.jpg" alt="The Billy Wright, Wolverhampton" width="500px" height="300px"/></a></li>
<li><a class="various1" href="#duke"><img src="images/PB1.jpg" alt="The Penny Bank, Scunthorpe" width="500px" height="300px"/></a></li>
<li><a class="various1" href="#new"><img src="images/new2.jpg" alt="The New Victorian, Bramhall" width="500px" height="300px"/></a></li>
<li><a class="various1" href="#pendle"><img src="images/pendle1.jpg" alt="Pendle Bar, Lancaster University" width="500px" height="300px"/></a></li>
<li><a class="various1" href="#salutation"><img src="images/sal1.jpg" alt="The Salutation, Hammersmith, London" width="500px" height="300px"/></a></li>
<li><a class="various1" href="#suburban"><img src="images/SW1.jpg" alt="The Swinging Witch, Northwich" width="500px" height="300px"/></a></li>
<li><a class="various1" href="#suburban"><img src="images/HP3.jpg" alt="The Lord Stamford, Stalybridge" width="500px" height="300px"/></a></li>
</ul>
</div></div>
</div>
</div><!-- end content -->
</div><!-- end wrapper -->
.................
</script>
</body>
</html>
</asp:Content>