Question

几天来，我一直试图让Lokesh Dhakar的Lightbox2在我的艺术作品集网站上工作。经过大量的编码，重新编码和重新编码后，我终于开始工作了（特别感谢Ayan，他是最有帮助的。）

然而，一个新问题是它在 IE 中显示正常，但不在Chrome中。它在手机上的移动Chrome中也失败了。当我点击Chrome中的缩略图时，它会让我的页面一直滚动到一个很远的底部并在那里打开图像，没有导航按钮或任何东西。我该如何解决这个问题？

我在下面提供了我的页面代码。（请注意，我知道只有'投资组合'页面和'索引'正在运作;这个网站仍然是全新的。）

我正在为Lightbox2 CSS和javascript使用CDN，因为出于某种原因使用这些文件的本地版本根本不起作用。

现场：http://art.juniebug.net/portfolio.html

任何帮助都会很多，非常感谢！谢谢!!

以下代码：

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html><head>
<meta name="Author" content="Janna Correa">


<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/css/lightbox.css" rel="stylesheet" />
</head>
<style>
<!--
a:hover {
text-decoration: underline;
color: lightskyblue;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
 } 
a:hover {
text-decoration: underline;
color: lightskyblue;
}

-->
</style>
<title>JMC illustration * juniebug.net</title></head>

<body bgcolor="#FFFFFF" text="#000000" link="darkgreen" alink="orchid"   
vlink="mediumspringgreen">
<font face="Arial, Helvetica, Verdana, MS Reference Sans Serif, Calibri">




<br>
<br>
<center>

<br><br><br>


    <table border="0">
    <tr>
    <td>
    <center><img src="artinvisibar.gif"></center>


<br>
    <center>
    <img src="logo-jmc1.gif">
    </center>
    <br>


<center>
<img src="artstrip1.jpg">

    <br>
<div id="gallery">
    <a href="port/momo-Rio2.jpg" data-lightbox="gallery" rel="lightbox[closeup]"><img src="port/thumbs/momorio-t.gif" width="51" height="55"></a>

<a href="port/ioiosam2.jpg" data-lightbox="gallery" rel="lightbox[closeup]"><img src="port/thumbs/ioiosam-t.gif" width="51" height="55"></a>

</div>








</center>



    </td>
    </tr>
    </table>
    </center>

<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.9.0/js/lightbox-plus-jquery.js"></script>
</body>
</html>

Lightbox2在Chrome中不起作用，Messes Up Page

0 个答案: