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
Post a Comment