Javascript 未显示现有HTML标记中的Umbraco图像_Javascript_Jquery_Html_Css_Umbraco

Javascript 未显示现有HTML标记中的Umbraco图像

javascript jquery html css umbraco

Javascript 未显示现有HTML标记中的Umbraco图像,javascript,jquery,html,css,umbraco,Javascript,Jquery,Html,Css,Umbraco,我不确定你们中的许多人以前是否使用过基于.net的CMS。不管怎样，我正在尝试将我在Dreamweaver中创建的HTML/CSS站点移到Umbraco。现场可在以下网址找到：无论如何，我已经相当容易地将这个网站转换成了Umbraco。唯一的问题是主页。如果你查看现有的主页，你会注意到当鼠标悬停在上面时，翻滚的文字/图像会变成黑色。当您单击其中任何一个时，将显示一个包含一些信息的灯箱在我的Umbraco版本中，单击任何这些滚动图像时，都不会发生任何情况。此外，由于某些原因，包含指向外部

我不确定你们中的许多人以前是否使用过基于.net的CMS。不管怎样，我正在尝试将我在Dreamweaver中创建的HTML/CSS站点移到Umbraco。现场可在以下网址找到：

无论如何，我已经相当容易地将这个网站转换成了Umbraco。唯一的问题是主页。如果你查看现有的主页，你会注意到当鼠标悬停在上面时，翻滚的文字/图像会变成黑色。当您单击其中任何一个时，将显示一个包含一些信息的灯箱

在我的Umbraco版本中，单击任何这些滚动图像时，都不会发生任何情况。此外，由于某些原因，包含指向外部网站的超链接的滚动图像“Design and Build”不会显示在Umbraco中

我在其他页面中使用过灯盒。例如，进入“设计”菜单，单击任何酒吧或餐厅，就会出现一个灯箱，其中包含相关信息

以下代码在Umbraco中似乎不起作用：

<%@ 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','/media/288/Design-&amp;-BuildBLACK.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/Design-&amp;-BuildBLACK.png',1)"><img src="images/Design-&amp;-Build.png" alt="Design &amp; 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="/media/283/Design-&amp;-Build.png" width="195" height="31" alt="Design &amp; 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 &copy; 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









庆祝1991-2012年21周年
** 
**
**
从房屋扩建或住宅区，到商业仓库、休闲中心和酒吧，Innex设计可以帮助将任何想法发展为实用、道德、可持续的现实。
Innex Design的室内和品牌开发设计师是空间设计、品牌开发和认知、标牌和菜单设计方面的专家，所有这些都与交付的室内设计包相辅相成。
我们的许多建筑和室内设计开发都是由项目管理的，以确保按时、按预算交付简要和最终目标。只有通过项目管理，我们才能确保客户的规格和质量达到最高标准
Innex Design承担从住宅区、商业区、上市区和保护区同意书、国家公园提交的所有规划申请，以及展示广告申请。我们还与规划顾问合作，通过评估土地和建筑使用潜力，为开发商和贷款人增加价值
Innex Design可以提供各种测量，包括建筑物的测量和状况测量、地形测量、结构测量、党墙测量，并提供石棉测量、土地/遗嘱调查、认证等方面的协助
Innex Design可以通过我们的合作伙伴之一BREEAM评估、商业EPC、国内EPC、展示能源证书、新建SAP或SBEM报告和可持续性声明，协助提供完整的建筑服务设计和能源咨询
Innex Design为所有客户提供全面的服务，消除日常成本相关问题的负担
我们承担景观设计的各个方面，从景观总体规划、概念设计到详细的种植方案。我们在每个项目的设计中都采用了全新的方法，其中高度的设计天赋和创新是标准
在当今的行业和市场中，一些客户更喜欢单点接触的项目方法，考虑到这一点，我们开发了一个全国性的合作承包商网络，使客户能够进行单点接触，同时确保交付卓越的质量和工艺标准
**
版权和副本；2012年-Innex设计



由
var _gaq=_gaq | |[]；
_gaq.push（[''设置帐户'，'UA-25186334-1']）；
_gaq.push（[''u trackPageview']）；
（功能（）{
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）；
})();
需要检查的一件事是，确保所有图像的相对URL在开头都有一个正斜杠，例如/images/architecture.png-这将确保它从根图像文件夹中获取图像，而不是尝试查找相对于页面的图像
另外，检查CSS和/或javascript是否有任何对图像的引用，并确保它们的开头也有正斜杠。
仍然不起作用。你知道为什么我的灯箱没有像我的设计页面中那样显示，为什么这个悬停图像与其他图像不一样吗？我刚刚注意到，看起来你使用的是媒体部分（文件夹）和图像文件夹中的混合图像，例如/media/57/architectureBLACK.png和images/architectureBLACK.png这是正确的吗？对于一般站点图像（布局、导航等），它们通常应位于图像文件夹中，而其他图像（例如，用于内容目的）应位于媒体中，并由b控制