javascript - Lightbox opens image in NEW WINDOW rather than inside of a lightbox -


i have tried install lightbox, fancy box, , bootstrap. none of them work me, , have linked , re-linked everything. @ point, not know do. opens jpeg in separate window, or if add in js before other js, loads way @ bottom of page no lightbox effects/appearance.

<head>     <title>home: central pacific</title>     <meta http-equiv="content-type" content="text/html; charset=utf-8" />     <meta name="description" content="central pacific 300,000 square foot class “a” industrial development in heart of san francisco bay area" />     <meta name="keywords" content="real estate, industrial, development, san francisco, bay area, union city" />     <!--[if lte ie 8]><script src="css/ie/html5shiv.js"></script><![endif]-->      <script type="text/javascript" src="js/lightbox.js"></script>     <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js" charset="utf-8"></script>     <script src="js/jquery.dropotron.min.js"></script>     <script src="js/skel.min.js"></script>     <script src="js/skel-layers.min.js"></script>     <script src="js/init.js"></script>     <script type="text/javascript"> $(function() {     $('#gallery a').lightbox(); });     </script>      <noscript>         <link rel="stylesheet" href="css/skel.css" />         <link rel="stylesheet" href="css/style.css" />         <link rel="stylesheet" href="css/style-noscript.css" />         <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />     </noscript>      <!--[if lte ie 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->     <!--[if lte ie 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]--> </head> 

and.. (without spaces)

<div id="gallery"><a href="images/aerial01.jpg" rel="lightbox">see location map</a></div> 

here dropbox folder website https://www.dropbox.com/sh/n21lwdnr0mathgi/aacxvnahbwecj9skl24yjk0aa

you not suppose load jquery, lightbox , on in <head>. suppose load in bottom of code, before closing of </body> tag.

you can see bootstrap example here: http://getbootstrap.com/getting-started/ see "basic example".


Comments

Popular posts from this blog

java - How to specify maven bin in eclipse maven plugin? -

single sign on - Logging into Plone site with credentials passed through HTTP -

php - Why does AJAX not process login form? -