jquery lightbox不能在基于css3的网站上运行

时间:2013-05-08 16:24:56

标签: jquery html css3 gallery

我正在尝试使用基于CSS的网站模板来重新构建我的投资组合网站。 以下是网址:http://www.annasportfolio.com/iindex.html

我没有成功地将图片库添加到第二部分(设计)。有些东西没有排队,但我不知道是什么。这是jquery的冲突吗?

我的头像代码:     

<script type="text/javascript" src="jqGalScroll.js"></script>

<script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>

<link rel="shortcut icon" href="../favicon.ico" />
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab:400,700" rel="stylesheet" type="text/css" />

 <link rel="stylesheet" type="text/css" href="demo.css" />

 <link rel="stylesheet" type="text/css" href="style.css" />

 <script type="text/javascript" src="modernizr.custom.79639.js"></script> <!--[if lte IE 8]>
 <link rel="stylesheet" type="text/css" href="simple.css" /><![endif]-->

图片库所在的区域:

<section class="st-panel st-color" id="st-panel-2">
<div class="st-deco" data-icon="1"></div>
<h2>Happiness</h2>
<p>Filler Text</p><!-- Design LightBox/ -->
<ul id="one">
<li><img alt="" src="bittennyc.png" border="0" /></li>
<li><img alt="" src="http://farm3.static.flickr.com/2194/2037390693_8acc544048.jpg" border="0" />
</li> 
</ul></section> 

1 个答案:

答案 0 :(得分:0)

尝试以下方法:

1:     <script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>

把它放在体内。并确保jquery.js在正文中正确加载(查找第二个提示)。

2:在您的网站中,显然您的JS文件存在问题,请检查引用和访问权限。