Question

我非常感谢一些初学者的帮助。我一直试图解决它几天。但我根本无法获得代码来为fancybox工作。图像尺寸错误。没有按钮。不要调整大小。或以灯箱格式显示。这是我最新的，最低限度的尝试，非常感谢任何建议。谢谢迈克。

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>gettingreallyfedup</title>
</head>
<body>
    </html><!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js">
</script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="/fancybox/lib/jquery.mousewheel3.0.6.pack.js">
</script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="/fancybox/source/jquery.fancybox.css" type="text/css"media="screen" />
<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js"></script>

<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-buttons.css?" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-media.js?"></script>

<link rel="stylesheet" href="/fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});
</script>
<a class="fancybox" rel="gallery" href="prints/barnowl0002.jpg"><img src="prints/barnowl0002.jpg"alt="" /></a>
<a class="fancybox" rel="gallery" href="prints/brownhare0054.jpg"><img src="prints/brownhare0054.jpg"alt="" /></a>
<a class="fancybox" rel="gallery" href="prints/cocksfootgrass0002.jpg"><img src="prints/cocksfootgrass0002.jpg"alt="" /></a>
</body>
</html>

为什么Fancybox没有使用此代码在我的页面上工作？

0 个答案: