Попытка реализовать PhotoSwipe на мобильном сайте, но - PullRequest
Новая
       4

Попытка реализовать PhotoSwipe на мобильном сайте, но

0 голосов
/ 23 марта 2012

Я пытаюсь настроить PhotoSwipe (http://www.photoswipe.com/), который является плагином jquery для фотогалереи, совместимым с мобильными устройствами. Но у меня возникают проблемы с реализацией плагина! Я прошел каждую строку, которую должен был добавить но плагин не работает вообще. Очевидно, что ссылки хорошо связываются, но плагин работает не так, как должен. Я думаю, что-то упустил, но я не знаю, что.

Я относительно новичок в jQuery и, честно говоря, не знаю, как что-то работает, я знаю только, как подключить что-либо.

Я проверил пути к файлам, и все, кажется, указано в нужном месте.

Вот мой код.

в теге 'head' 

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

1 Ответ

0 голосов
/ 23 марта 2012

О. На самом деле ссылка на 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>
...