html - jquery lightbox won't work in css3 based website -


i attempting use css-based website template re-build portfolio site. here url: http://www.annasportfolio.com/iindex.html

i have been unsuccessful @ adding image gallery second section (design). isn't lining up, don't know what. conflict of jquery?

my head code:

<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]--> 

the area image gallery should lie:

<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>  

try following:

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

put in body. , sure jquery.js loaded correctly in body (look second tip).

2: in site, apparently there problem js files, check references , access permissions.


Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -