Question

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

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

<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

您需要包含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>

Answer 2

Colorbox包括：

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

jQuery Smooth Div Scroll with Colorbox

2 个答案: