带有颜色框的 jQuery 平滑 Div 滚动

Question

我在网上找到了你的 jQuery Smooth Div Scroll 工具。我打算捐赠，但我无法像您在您的网站上那样使用颜色框选项： http://www.smoothdivscroll.com/colorbox.html

我是一名平面艺术家和网页设计师，正在寻找画廊选项来展示我的作品。似乎当我添加链接到大图像的 href 标记时，它会破坏可滚动图库。我在我的 html 的 head 部分中链接了一个 colorbox.css 文件：

<link rel="Stylesheet" type="text/css" href="css/colorbox.css" />

我在文档正文中也有这个：

<script type="text/javascript">
$(document).ready(function () {
// Init Smooth Div Scroll   
$("#makeMeScrollable").smoothDivScroll({
    mousewheelScrolling: "allDirections",
    manualContinuousScrolling: true
});

// Init colorbox
$("#makeMeScrollable a").colorbox({ speed: "500" });

});

我还缺少另一个拼图吗？一个javascript文件？

这个画廊可以完美运行。非常感谢您提供的任何帮助或建议！

谢谢，

格里

Answer 1

Colorbox 包括：

• jquery.colorbox.js
• colorbox.css
• 用于加载、边框、关闭等的图像

Answer 2

您需要包含 jQuery 库文件和颜色框脚本。

<!-- jQuery library - Please load it from Google API's -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<!-- jQuery UI Widget and Effects Core (custom download)
     You can make your own at: http://jqueryui.com/download -->
<script src="js/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
<!-- Latest version of jQuery Mouse Wheel by Brandon Aaron
     You will find it here: http://brandonaaron.net/code/mousewheel/demos -->
<script src="js/jquery.mousewheel.min.js" type="text/javascript"></script>
<!-- jQuery Kinetic - for touch -->
<script src="js/jquery.kinetic.js" type="text/javascript"></script>
<!-- Smooth Div Scroll 1.3 minified-->
<script src="js/jquery.smoothdivscroll-1.3-min.js" type="text/javascript"></script>
<!-- If you want to look at the uncompressed version you find it at
     js/jquery.smoothDivScroll-1.3.js -->
<!-- Colorbox -->
<script src="js/jquery.colorbox-min.js" type="text/javascript"></script>