0

モバイル デバイスと互換性のあるフォト ギャラリー jquery プラグインである PhotoSwipe (http://www.photoswipe.com/) をセットアップしようとしています。しかし、プラグインの実装に問題があります。追加するはずだった各行を確認しましたが、プラグインはまったく機能していません。画像は明らかに正常にリンクされていますが、プラグインは本来の方法で機能しません。何かが足りないと思いますが、何がわかりません。

私はjQueryに比較的慣れていないので、正直なところ、何かがどのように機能するのかわかりません.プラグインする方法しか知りません.

ファイル パスを確認したところ、すべてが適切な場所を指しているようです。

これが私のコードです。

「頭」タグで

<script type="text/javascript" src="js/klass.min.js"></script>
<script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>

<script type="text/javascript">

        (function(window, $, PhotoSwipe){

            $(document).ready(function(){

                var options = {};
                $("#gallery a").photoSwipe(options);

            });


        }(window, window.jQuery, window.Code.PhotoSwipe));

    </script>

「body」タグで

<ul id="gallery">
    <li><a href="img/events/01.jpg"><img src="img/events/01t.jpg" rel="external" alt="" /></a></li>
    <li><a href="img/events/02.jpg"><img src="img/events/02t.jpg" rel="external"  alt="" /></a></li>
    <li><a href="img/events/03.jpg"><img src="img/events/03t.jpg" rel="external"  alt="" /></a></li>
    <li><a href="img/events/04.jpg"><img src="img/events/04t.jpg" rel="external"  alt="" /></a></li>
    <li><a href="img/events/05.jpg"><img src="img/events/05t.jpg" rel="external"  alt="" /></a></li>                    
</ul>
4

1 に答える 1

0

おー。実際には、jQuery へのリンクは、photoswipe へのリンクの前に配置する必要があります。

したがって、スクリプト ファイルは次のように表示されます。

<script type="text/javascript" src="js/klass.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js"></script>
于 2012-03-23T03:31:28.253 に答える