我正在尝试使用基于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>
答案 0 :(得分:0)
尝试以下方法:
1:
<script type="text/javascript">$(document).ready(function(){$("#demoOne").jqGalScroll();}); </script>
把它放在体内。并确保jquery.js在正文中正确加载(查找第二个提示)。
2:在您的网站中,显然您的JS文件存在问题,请检查引用和访问权限。