1

jQuery Smooth Div Scroll ツールをオンラインで見つけました。私は寄付を計画していますが、あなたのサイトにあるように、カラーボックス オプションで機能させるのに問題があります: http://www.smoothdivscroll.com/colorbox.html

私は自分の作品を表示するギャラリー オプションを探しているグラフィック アーティスト兼 Web デザイナーです。大きな画像にリンクする a href-tag を追加すると、スクロール可能なギャラリーが壊れてしまうようです。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" });

});

欠けているパズルの別のピースはありますか? ジャバスクリプトファイル？

このギャラリーは完璧に機能します。あなたが与えることができる助けやアドバイスは大歓迎です!!

ありがとうございました、

ジェリー

4

2 に答える 2

0

カラーボックスが含まれます:

  • jquery.colorbox.js
  • colorbox.css
  • ロード、ボーダー、クローズなどの画像
于 2012-10-02T18:23:37.683 に答える
0

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>
于 2012-10-02T18:23:30.937 に答える