带颜色框的jQuery平滑Div滚动

我在网上找到了你的jQuery平滑Div滚动工具。我计划捐款，但我很难像你在网站上所做的那样让它与colorbox选项一起工作：

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

<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文件

这个画廊会很好用的。如果您能提供任何帮助或建议，我们将不胜感激

谢谢,

---

Gerry

您需要包括jQuery库文件和colorbox脚本

<!-- 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>

包括：

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

---

谢谢，我已经在html中添加了库文件和colorbox脚本。colorbox元素工作得很好，但它似乎破坏了滚动。滚动库中只显示了第一个图像，当您尝试使用滚动图标时，第一个图像和第二个图像之间会闪烁。是否可能存在一些冲突的脚本？以下是html页面：我已包含上述所有内容。问题似乎是添加颜色框功能会破坏可滚动的图库。我在幻灯片放映中只看到一张图像，滚动功能消失了。我可以在某个地方使用冲突脚本吗？这是HTML页面：@user1715071您有下一个问题：404两张图片的错误和无效的HTML标记，从您所有的图片链接只有第一个是关闭的，第二个是打开的，其他没有标记。