Question

我曾尝试安装灯箱，花式盒和引导程序。它们都不适合我，我已经链接并重新连接了一切。此时，我不知道该怎么办。它在一个单独的窗口中以jpeg形式打开，或者如果我在任何其他js之前添加js，它会在页面底部加载，没有灯箱效果/外观。

<head>
    <title>Home: Central Pacific</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="Central Pacific is a 300,000 square foot Class “A” Industrial Development in the Heart of the 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>

和..（没有空格）

<div id="gallery"><a href="images/aerial01.jpg" rel="lightbox">See Location Map</a></div>

这是我网站的Dropbox文件夹 https://www.dropbox.com/sh/n21lwdnr0mathgi/AACXVNAHBwEcJ9Skl24yjk0Aa

Answer 1

您不应在<head>中加载jquery，灯箱等。您可以在关闭</body>代码之前将其加载到代码底部。

您可以在此处查看Bootstrap示例： http://getbootstrap.com/getting-started/ 请参阅＆＃34;基本示例＆＃34;。

Answer 2

我通过取出dropotron脚本解决了问题，因为他们以某种方式竞争。然后，我将脚本移动到body标签的底部。我应该提一下，我在STILL上面使用的灯箱不起作用，但是花哨的盒子也没用。

Lightbox在NEW WINDOW中打开图像，而不是在灯箱内打开

2 个答案: